編輯導語：按鈕應該如何設計才更有效？頁面應該如何布局才更合理？也許關于這些問題，前人已有相應的普适觀點，但是在具體場景下，每個設計細節都有可能被改變。因此，産品設計不能落入慣性思維裡。不妨看看本文的設計案例解析。

一、設計什麼與如何設計

作為設計師，我們經常渴望分享有關産品設計的信息和技巧。這對我們行業和同行的發展很重要。我從經驗豐富的 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協議

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部