你是否同意這些設計師的觀點?
編輯導語:按鈕應該如何設計才更有效?頁面應該如何布局才更合理?也許關于這些問題,前人已有相應的普適觀點,但是在具體場景下,每個設計細節都有可能被改變。因此,產品設計不能落入慣性思維里。不妨看看本文的設計案例解析。
一、設計什么與如何設計
作為設計師,我們經??释窒碛嘘P產品設計的信息和技巧。這對我們行業和同行的發展很重要。我從經驗豐富的 UI 設計師、UX 設計師、開發人員和各種產品設計角色那里學到了很多東西。我仍然每天都在學習,這對我們的行業來說是很強大的。作為一個從業者,我們可以發現的東西真的沒有上限。
然而,我們也很容易陷入“設計什么”與“如何設計”的單一思維模式。以“這是設計 ABC的方式”與“我們想要解決的業務目標、客戶目標、我們想要解決的問題、我們想要傳達的情感和品牌等”的錯誤心態開始一個新項目。
下面是一些設計師分享“設計什么”和行業巨頭設計類似同一設計師的“不要這樣做”建議的例子。
二、背景和對比(可能有人告訴你不能這樣設計)
HBO Max 和 Hulu(但是他們這么做了)
HBO Max 和 Hulu 選擇了品牌背景。HBO 使用他們新的紫色/紫色漸變,而 Hulu 使用他們的深綠色。這可能會偶爾產生對比怪癖,但這似乎是一種極端情況,因為大多數內容海報看起來清晰易讀。
三、按鈕陰影(可能有人告訴你不能這樣設計)
谷歌的組件設計(但是他們這么做了)
谷歌龐大的設計師團隊花費數年時間創造和完善材料設計。下面是來自 Google 的Material Design組件庫的截圖。
您會看到 Google 使用黑色陰影的主要原因(與上面的圖片相反)是因為 Material Design 旨在模仿現實生活,因此不透明的對象不會產生彩色陰影。這在下面顯示的示例中表示。
四、界面布局(可能有人告訴你不能這樣設計)
蘋果音樂和推特(但是他們這么做了)
這是一個棘手的例子,因為“功能”并不完全清楚。我認為設計師的意思是主要的“目的/目標”。
上面示例的挑戰在于,它意味著可以減少具有很多選項的視圖,而無需進行一些權衡或妥協。在可能的情況下呈現更少的元素是很好的,但需要付出代價。
有很多帶有許多按鈕元素的視圖示例,但我選擇了 Apple Music 和 Twitter,因為它們更類似于上面 Instagram 帖子中顯示的比較。在這種情況下,成本將是平臺為用戶制作定制內容的力。
五、居中文本(可能有人告訴你不能這樣設計)
蘋果的網站(但是他們這么做了)
在幾乎任何網站上都可以很容易地找到居中文本主體的示例。上面的設計師說居中文本。
這并不是完全不正確的,因為長格式的內容當然不應該居中,并且應該評估每個副本實例。例如,我設計的一些標題及文案在大型設備上左對齊,而在移動/小型設備上居中。文本量可以在這些決定中發揮很大作用。
六、顏色的使用(可能有人告訴你不能這樣設計)
Spotify 和蘋果音樂(但是他們這么做了)
這位設計師建議使用較少的顏色。我知道他們可能指的是基礎品牌,而不是用太多顏色壓倒 UI。
但是,這里缺少的是具體情況。在沒有具體的情況下,此建議具有誤導性。
在正確的背景下,更少的顏色可能是正確的決定。但 Spotify 的整個品牌和用戶體驗通常以一系列顏色為中心。
七、邊距和間距(可能有人告訴你不能這樣設計)
Netflix 和 Hulu(但是他們這樣做了)
留白和“呼吸空間”是視覺層次的關鍵,引導客戶采取行動,并圍繞平衡設計。不幸的是,上面的例子并不適合展示空白的重要性。
眾所周知,Netflix 是最有效地根據客戶行為/行為評估和衡量其 UI 的公司之一。您可以在下面看到 Netflix(和 Hulu)在每條內容之間利用了狹窄的邊距/排水溝。與上面相比,您可以注意到這兩個流媒體巨頭類似于上面的“不要”示例與右側的“做”示例。
結語
感謝您花時間閱讀這篇文章!在平臺上貶低設計帖子不是我的目標。我的目標是不斷推動設計師為他們的帖子提供用戶使用情況。我每天都在學習我以前不知道的關于設計的新東西。這是因為我們擁有一個強大的社區,他們擁有不同的經驗、文化和觀點,他們都在分享有用的建議。
本文由 @收手的阿祖 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
阿祖說的對
哈哈哈哈其實單看的時候看不出什么差別,但是,我相信設計師的眼光
作者的思路很清晰而且新穎,有學習到,感謝分享
其實設計不能是固定不變的,你這篇文章所說的意思大概也是這樣吧,但是舉這種具體的例子我感覺不太恰當,設計需要根據項目和場景、以及目標的人群等很多方面上來定。
其實自從聲破天可以查看歌詞后我拋棄了apple music,免費的不香嗎
不要無中生有,沒有任何人告訴過你不能這么設計,只會告訴你做設計要大膽一點。
有反思和批判精神,值得學習!