เหมือนไปไหม? ไอคอน Messages ใน Mountain Lion กับไอคอนของ HipChat

By kongwiz Contributor on Tag: Apple, Mountain Lion, HipChat
Apple

หลังจาก Apple ได้เปิดตัวระบบปฏิบัติการตัวใหม่ OS X Mountain Lion สำหรับนักพัฒนา พร้อมฟีเจอร์ Message ซึ่งเป็นแอพแชตระหว่าง Mac ด้วยกันและอุปกรณ์ iDevices อย่าง iPhone, iPad และ iPod Touch ซึ่งทาง Cult of Mac ได้ตั้งข้อสังเกตว่า Apple "ก๊อปปี้" หน้าตาไอคอน Message มาจากไอคอนของแอพแชตชื่อดังอย่าง HipChat จนแทบจะเรียกได้ว่าเหมือนกันเลยทีเดียว โดยเปลี่ยนแค่ลำดับการซ้อนของ bubble และการไล่สีเท่านั้น

ปกติแล้ว Apple มักจะเป็นผู้นำในด้านการออกแบบและเมื่อมีคู่แข่งทำสิ่งที่ "คล้าย" กัน ก็จะถูก Apple ฟ้องอย่างไร้ความปราณี แต่กรณีเช่นนี้แฟน Apple จะว่ากันอย่างไร เป็นแค่ความบังเอิญหรือเป็นการ "ขโมย" มากันแน่ ?

ที่มา - Cult of Mac

Hiring! บริษัทที่น่าสนใจ

CP AXTRA Public Company Limited - Lotus's company cover
CP AXTRA Public Company Limited - Lotus's
CP AXTRA Lotus's is revolutionizing the retail industry as a Retail Tech company.
 Token X company cover
Token X
Blockchain, ICO, Tokenization, Digital Assets, and Financial Service
 Carmen Software company cover
Carmen Software
Hotel Financial Solutions
 Next Innovation (Thailand) Co., Ltd. company cover
Next Innovation (Thailand) Co., Ltd.
We are web design with consulting & engineering services driven the future stronger and flexibility.
 United Information Highway Co., Ltd. company cover
United Information Highway Co., Ltd.
UIH is Thailand’s leading Digital Infrastructure and Solution Provider for Business
 KKP Dime company cover
KKP Dime
KKP Dime บริษัทในเครือเกียรตินาคินภัทร
 Kiatnakin Phatra Financial Group company cover
Kiatnakin Phatra Financial Group
Financial Service
 Fastwork Technologies company cover
Fastwork Technologies
Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน
 Thoughtworks Thailand company cover
Thoughtworks Thailand
Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน
 Iron Software company cover
Iron Software
Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.
 CLEVERSE company cover
CLEVERSE
Cleverse is a Venture Builder. Our team builds several tech companies.
 Nipa Cloud company cover
Nipa Cloud
#1 OpenStack cloud provider in Thailand with our own data center and software platform.
 CDG GROUP company cover
CDG GROUP
Provider of IT solutions to public, state, and private sectors in Thailand for over 56 years
 Bangmod Enterprise company cover
Bangmod Enterprise
The leader in Cloud Server and Hosting in Thailand.
 CIMB THAI Bank company cover
CIMB THAI Bank
MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank
 Bangkok Bank company cover
Bangkok Bank
Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking
 Gofive company cover
Gofive
“We create world-class software experience”
 KBTG - KASIKORN Business-Technology Group company cover
KBTG - KASIKORN Business-Technology Group
KBTG - "The Technology Company for Digital Business Innovation"
 Siam Commercial Bank Public Company Limited company cover
Siam Commercial Bank Public Company Limited
"Let's start a brighter career future together"
 Icon Framework co.,Ltd. company cover
Icon Framework co.,Ltd.
Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก
 REFINITIV company cover
REFINITIV
The Financial and Risk business of Thomson Reuters is now Refinitiv
 H LAB company cover
H LAB
Re-engineering healthcare systems through intelligent platforms and system design.
 LTMH TECH company cover
LTMH TECH
LTMH TECH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย
 Seven Peaks company cover
Seven Peaks
We Drive Digital Transformation
 Wisesight (Thailand) Co., Ltd. company cover
Wisesight (Thailand) Co., Ltd.
The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure
 MOLOG Tech company cover
MOLOG Tech
We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.
 Data Wow Co.,Ltd company cover
Data Wow Co.,Ltd
We enable our clients to realize increased productivity by solving their most complex issues by Data
 LINE Company Thailand company cover
LINE Company Thailand
LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call
 LINE MAN Wongnai company cover
LINE MAN Wongnai
Join our journey to becoming No.1 food platform in Thailand

Maggot Sat, 02/18/2012 - 01:05

จริงๆ ครับ จะบอกว่า ไอคอนโปรแกรมแชทมันก็แบบนี้ทั้งนั้นแหละครับ ผมทำงานออกแบบ เคยวาดไอคอนแชทสไตล์นี้มาหลายปีแล้วครับ แอปเปิลคงไม่ได้มาลอกงานผมแหงๆ

ง่ายๆ ลองเข้าไปค้นคำว่า chat ในเว็บ iconfinder.com ดูครับ จะเห็นว่ามีดีไซเนอร์ทำไอคอนสไตล์นี้หลายตัวเลย :)

gondolaz Sat, 02/18/2012 - 01:16

แล้วงั้นทำไม design ของ GTAB (แม้มันจะยืดภาพก็เถอะ)ถึงเหมือนกับ IPAD ??? ฟ้องกันจะเป็นจะตาย (ปล.ถึงแม้จะไม่ได้ชอบการออกแบบของ SAMSUNG ก็เถอะ แต่ก็ไม่ได้ปลื้ม APPLE จนลืมเหตุผลนะ.... เกรียน)

John Sat, 02/18/2012 - 02:41

ถ้าเหมือนแค่เครื่องไม่เท่าไหร่ อุปกรณ์เสริมดันมาเหมือนกันด้วยนี่สิน่าคิด อะไรจะบังเอิญขนาดนั้น

nutmos Sun, 02/19/2012 - 00:16

ถ้าเครื่องเหมือนกันผมว่าไม่น่าฟ้อง แต่นี่มันเหมือนกันยันที่ชาร์จเลย (ต่างกันแค่สีขาวกับดำเท่านั้น)

tanit9999 Sat, 02/18/2012 - 01:22

แล้ว tablet มันก็คงไม่ได้ลอกกันหรอกครับ เพราะถ้าให้ผมออกแบบ โดยไม่เคยเห็นไอแพดมาก่อนในชีวิตผมก็ออกแบบเป็นสี่เหลี่ยมแบบโครงร่างที่ apple จดทะเบียนไว้ แต่ apple ฟ้องเอาจะเป็นจะตาย

Orion Sat, 02/18/2012 - 01:31

ในการทำงานออกแบบ การทำให้แตกต่างไม่ดีกว่าหรอครับ ยิ่งเป็นแบรนด์ใหญ่แบบนี้ยิ่งสมควรทำให้แตกต่างจากคู่แข่ง แถมคุณยังบอกกว่า "มีดีไซเนอร์ทำไอคอนสไตล์นี้หลายตัวเลย" ไม่ยิ่งจะต้องคิดว่าทำยังไงให้ไม่เหมือนของคนอื่นเขาไม่ใช่หรอครับ ไม่ใช่ขโมยมาใช้แล้วแก้นิดหน่อยครับ

Maggot Sat, 02/18/2012 - 09:34

จุดประสงค์ของการออกแบบไอคอน ไม่ใช่แฟชั่นอย่างเดียวครับ มันไม่ใช่รูปถ่าย เรื่องที่สำคัญที่สุดคือ สื่อให้ user เข้าใจได้ง่ายว่า app ตัวนี้ทำหน้าที่อะไรแม้ไม่ต้องมองชื่อ ไอคอนที่ดีต้องทำหน้าที่ของมันได้แม้ว่าจะอยู่ในขนาด 32x32px หรือจะ 512x512px ครับ

อีกอย่างไอคอนของ iChat AV ที่มีมาตั้งนานแล้ว ก็เป็น speech bubble แบบ aqua style การที่จะกลายร่างมาเป็น Message app ที่มีไอคอนแบบนี้ ก็สมเหตุสมผลแล้วครับ ไม่สับสน ไอคอนไม่ได้ฉีกแนวจนเกินไป

ส่วนเรื่องดีไซน์ของ Galaxy Tab ที่ข้างบนทักมา ผมว่ามันคนละเรื่องน่ะครับ อันนั้นมันเรื่องของการตลาดล่ะ

Orion Sat, 02/18/2012 - 11:38

การใช้ aqua style ก็สมเหตุสมผลตามที่คุณว่า เนื่องจากใช้มาตลอด แต่จัดวางองค์ประกอบของตัว icon ให้ไม่คล้ายของคู่แข่งก็ทำได้ไม่ใช่หรอครับโดยยังสื่อว่าเป็น App "Message" อยู่

Maggot Sat, 02/18/2012 - 12:18

อย่างที่บอกครับ ว่าการดีไซน์หรือการจัดวางองค์ประกอบของ speech bubble แบบนี้ เป็นเรื่องทั่วไปมากๆ ไอคอนของ HipChat ก็ไม่ได้มีอะไรแปลกใหม่เลยครับ ก็ล้อตามๆ ดีไซน์ที่มีมาก่อนหน้าอยู่แล้ว แถมทำออกมาเป็น aqua style อีก

ไอคอนของ Message app มีความหมายชัดเจนอยู่แล้วครับ สื่อถึง activity ใน app จริงๆ ถ้าเคยเล่น iChat, iMessage หรือ Message app ตัวล่าสุด จะเห็นว่าระหว่างคุยกัน จะเป็น speech bubble สลับข้างซ้ายขวากัน และสถานะ typing ของอีกฝ่าย ก็จะขึ้นเป็น ... แบบในไอคอนแหละครับ

ส่วนตัวแล้วก็ไม่ค่อยชอบแนวทางออกแบบไอคอนของแอปเปิลในช่วงหลังๆ แหละครับ ไม่ได้เน้นรายละเอียดเหมือนเมื่อก่อนแล้ว มัน minimal ไปหมด แต่ก็โอเคเพราะเน้นเรื่องความหมายที่จะสื่อมากกว่า

อันนี้ผมอธิบายเฉพาะเรื่องไอคอนนี้ละกันนะครับ ไม่รวมเรื่องที่ว่าแอปเปิลลอกหรือไม่ลอกในกรณีอื่นๆ หลายๆ อย่างผมก็คิดว่าลอกจริง เพราะกรณีนี้ผมมองในมุมนี้น่ะครับ

pie001 Fri, 02/17/2012 - 21:58

แค่โปรแกรมสนทนา มันก็ไอคอนแบบนี้ทั้งนั้นแหละ ครับ

เพิ่มอีกอันตาม comment ด้านล่าง

hisoft Sat, 02/18/2012 - 01:35

ใส่ลิ้งก์ก็ [คำที่จะลิ้งก์] (URL "description") ครับ

ถ้ารูปก็เพิ่มตกใจไปด้านหน้า ![] (URL รูป "description") ครับ

ถ้าเป็นลิงก์รูป ไม่รู้มีง่ายกว่านี้มั้ย แต่ผมใช้เป็น [![] (URL รูป)] (URL ลิงก์)

เอาเว้นวรรคระหว่าง ] กับ ( ออกด้วยนะครับ ไม่ต้องเว้น ผมเว้นให้มันไม่เป็นลิงก์เฉย ๆ

hisoft Sat, 02/18/2012 - 01:36

งั้นนี่แล้วกันครับ

http://www.blognone.com/writing_guideline

เลื่อนลงไปดูเฉพาะตรง Markdown syntax ก็พอครับ

กว๊ากกกก อีกนิดนึง ผมเพิ่งนึกได้ว่าผมผิดนะครับ วงเล็บเหลี่ยบ [] ต้องอยู่ข้างหน้า วงเล็บปกติ () อยู่ด้านหลังนะครับ (ผมแอบขึ้นไป edit มาแล้วนะ เขียนข่าวมาตั้งเยอะยังจะพลาด （T＿T）)

menu_dot Fri, 02/17/2012 - 23:30

ไม่เหมือนครับ. แต่ผมว่าที่ออกแบบให้มันคล้ายก็ง่ายต่อการรับรู้ของผู้ใช้นะ. 4. Os. ไอคอน4 แบบ.งงแย่นี้แค่app. เดียวถ้าเจอยี่สิบ. Appทำไง

tanit9999 Sat, 02/18/2012 - 01:28

tablet ต่างๆก็ไม่เหมือนครับ ที่ทำเป็นสี่เหลี่ยมก็ออกแบบมาให้คล้ายสี่เหลี่ยมเพื่อให้ง่ายต่อการรับรู้การใช้งานของผู้ใช้ครับ

ComSci-MFU Sat, 02/18/2012 - 02:49

แค่ลองดูว่า ย้ายบอลลูนสีขาวจากข้างหลังมาไว้ข้างหน้า แล้วเติมจุดกับแถบเส้นเพิ่มในบอลลูลสีฟ้า จะเป็นไง แล้วมันก็ได้อย่างที่เห็นครับ ^_^)"

HMage Sat, 02/18/2012 - 17:48

ประเด็นไม่ได้อยู่ที่ลอกกันมันน่าเกลียด แต่เป็น Apple ทำตัวเข้าข่าย patent troll หลายรอบ พอถึงคราวตัวเองบ้างก็เลยมีแต่คนอยากกระทืบซ้ำ

Mon555 Sat, 02/18/2012 - 18:03

ผมก็ว่างั้นแหละ เหมือนกับพอมีข่าวแบบนี้ก็จะมีคนที่ไม่ชอบ Apple มารุมซ้ำพร้อมทั้งขุดคุ้ยเรื่องอดีตมาซ้ำเรื่อยๆ

Masscotte Sat, 02/18/2012 - 20:40

+1024 นิทานเรื่องนี้สอนผมให้รู้ว่า พวกแอนตี้ ทำตัวน่ารังเกียจกว่าพวกสาวกเยอะมากถึงมากที่สุด
เพราะพวกสาวกเค้าก็แค่อวยหรือปกป้องสิ่่งที่เขารัก แต่พวกแอนตี้นี่ พอหาเหตุได้เมื่อไหร่
จะใส่อารมณ์บวกเข้าไป จนกลายเป็นพวกบ้าคลั่ง ทันที... เฮ้อออ

Mon555 Sat, 02/18/2012 - 17:55

ถ้านับแค่เรื่อง bubble ซ้อนกัน Apple ก็อาจเอามาจาก icon อื่นๆ ของตัวเองก็ได้ http://devimages.apple.com/global/elements/layout/forums/forum_icon.gif

เรื่องสีนี่ก็เห็นเน้นสีฟ้าตามปกติเขาอยู่แล้ว อาจไล่ gradient ไปใกล้เคียงกันกับของอีก app นึงมากไปหน่อย...

jarujit Sat, 02/18/2012 - 21:17

อาห์ แล้วสาวกจะดริฟท์ต่อไปเช่นไร แอปเปิลจะปิดปาก HipChat หรือไม่ โปรดติดตามตอนต่อไป

Apple
public://topics-images/apple_webp.png
SCB10X
public://topics-images/347823389_774095087711602_515970870797767330_n_webp.png
Windows 11
public://topics-images/hero-bloom-logo.jpg
Doom
public://topics-images/doom_logo.png
Huawei
public://topics-images/huawei_standard_logo.svg_.png
Threads
public://topics-images/threads-app-logo.svg_.png
Google Keep
public://topics-images/google_keep_2020_logo.svg_.png
Fortnite
public://topics-images/fortnitelogo.svg_.png
Instagram
public://topics-images/instagram_logo_2022.svg_.png
SCB
public://topics-images/9crhwyxv_400x400.jpg
Microsoft
public://topics-images/microsoft_logo.svg_.png
Basecamp
public://topics-images/bwpepdi0_400x400.jpg
Tinder
public://topics-images/hwizi8ny_400x400.jpg
FTC
public://topics-images/seal_of_the_united_states_federal_trade_commission.svg_.png
Pinterest
public://topics-images/pinterest.png
Palantir
public://topics-images/-nzsuc6w_400x400.png
AIS Business
public://topics-images/logo-business-2021-1.png
PostgreSQL
public://topics-images/images.png
JetBrains
public://topics-images/icx8y2ta_400x400.png
Krungthai
public://topics-images/aam1jxs6_400x400.jpg
Palworld
public://topics-images/mccyhcqf_400x400.jpg
Bill Gates
public://topics-images/bill_gates-september_2024.jpg
VMware
public://topics-images/1nj4i1gp_400x400.jpg
Take-Two Interactive
public://topics-images/0khle7nh_400x400.jpg
OpenAI
public://topics-images/ztsar0jw_400x400.jpg
Thailand
public://topics-images/flag_of_thailand.svg_.png
NVIDIA
public://topics-images/srvczsfq_400x400.jpg
ServiceNow
public://topics-images/ytnrfphe_400x400.png
PS5
public://topics-images/playstation_5_logo_and_wordmark.svg_.png
Klarna
public://topics-images/urcllpjp_400x400.png
Google Play
public://topics-images/play.png
Drupal
public://topics-images/drupal.png
Virtua Fighter
public://topics-images/virtua_figther_2024_logo.png
Paradox Interactive
public://topics-images/paradox_interactive_logo.svg_.png
Europa Universalis
public://topics-images/europa-icon.png
Nintendo Switch 2
public://topics-images/mainvisual.png
Cloudflare
public://topics-images/cloudflare_logo.svg_.png
Samsung
public://topics-images/samsung.png
Google
public://topics-images/google_2015_logo.svg_.png
Uber
public://topics-images/uber.png
Microsoft 365
public://topics-images/m365.png
USA
public://topics-images/flag_of_the_united_states.svg_.png
GM
public://topics-images/0pe0po-z_400x400.jpg
Perplexity
public://topics-images/perplex.jpg
Xperia
public://topics-images/xperia.png
iOS 18
public://topics-images/ios-18-num-96x96_2x.png
True
public://topics-images/true_logo.png
SoftBank
public://topics-images/softbank.jpg
Pac-Man
public://topics-images/pacman.png
Harry Potter
public://topics-images/harry.png
Marvel
public://topics-images/marvel.png
Skydance
public://topics-images/skydance.png
SEA
public://topics-images/sealogo.png
Find My Device
public://topics-images/find.png
Gemini
public://topics-images/google_gemini_logo.svg__1.png
Accessibility
public://topics-images/accessibility-128x128_2x.png
Material Design
public://topics-images/m3-favicon-apple-touch.png
Android 16
public://topics-images/android16.png
Android
public://topics-images/android_0.png