網站頁面設計怎麼平衡簡潔和複雜的關係？

01-05

簡潔則無法再呈現很多重要的東西，複雜了又看著比較雜亂。

簡潔並不是簡單，更不能簡單理解為「少」。

簡潔是把該強調的強調出來，該弱化的弱化下去，該分組的分組，該分層的分層... 讓優先順序高的任務，能夠在視覺上也體現出重要來。

以前非常深入的研究過 iOS 里的系統應用，為什麼他們能做的那麼簡潔？而 Nokia 之前的 S60 等等，就要弄出長長的菜單來？歸根結底，還是沒有處理好功能與任務的優先順序，沒有做到簡潔，所以我的父母不會用，我同事兩歲的小孩也不用用，而他們卻可以拿著 iPhone，iPad 這樣的東西玩。

簡潔是沒有多餘的（數學定義里常這麼說 ...找不到任意一個...的數...）。如何評價是否多餘？還是要回到具體的用戶目標和任務里來。當你在網頁上看股票數據時，那些你真正關心的東西，都不是多餘的，如果以簡潔的名義在頁面上只留一個股票代碼，大家會不會瘋了.... （這就是簡單了）

簡潔是有界線有層次有重點，能夠引導人們的認知，能夠讓人們第一眼看到什麼，再深入一步看到什麼，再進一步又會得到什麼，而不是一大堆東西猛搶視線、猛抓眼球、劈頭蓋臉就來了...

簡潔是優雅的，不是粗糙的。別弄一堆像素沒對齊、圓角粗製濫造、顏色稀里糊塗的東西上來... 簡潔往往比複雜要難實現。

1. 理解現實的複雜性。我們身處一個複雜的世界，對於一個複雜的任務，無論如何簡化都不可能做到簡單。

2. 理解什麼是設計上的簡潔。簡潔的並不一定代表削減功能或者減少元素。設計上的簡單指的是易於理解和使用。

一個削減了許多元素的報表未必是好用的，如果因此造成誤讀或者對某些數據的疑惑，那它就不是一個「簡單」的設計，相反，它將整件事情變得「複雜」了。

3. 同樣，一個複雜的界面未必是失敗的。需要結合用戶層次和任務來判斷。

針對專業設計師的Photoshop界面一定是複雜的。但是只要符合設計師工作的心理模型即可。

我們一直把握的幾個細節，供參考：

團隊形成對加法保持高度警惕的共識

可有可無的東西一概沒有

「可能有些人需要」不能成為增加的理由

「放上了反正沒什麼壞處」的心理累積最終是災難性的

必須能證明這個增加可以對主體用戶帶來的價值

「大部分網站都有」並不能成為我們要有的理由

誘惑無處不在，想把一個東西搞複雜非常簡單，反之很難

這是做拓詞兩年多來的體驗，極簡設計聽著很美，但不撞牆很難真正理解，一直號稱要追求簡潔，去年稍微沒把持住就膨脹的幾乎無法繼續推進，懸崖勒馬，忙活了幾個月的新版沒發布，直接啟動了下一版，把所有沒有想清楚的功能全部砍掉，只留下最核心的，v3版發布後四個月來，功能一直在強化，其實背後也增加了不少東西，很幸運的看起來還是異常簡單，希望這次能堅持下去。

簡潔的網頁並不一定只是內容少，功能少，而是通過合理的設計，不要讓用戶只有觀察了整個頁面的各個細節才知道應該如何操作，而是將網頁的重點內容突出，主次分明，清晰的脈絡，在此基礎上可以有複雜的功能，但不要影響用戶的第一直覺。

用戶群不分類便無法平衡,iphone不合適老年人,想設計個5歲到65歲的人都合適的自行車么,那不可能

定位用戶先

幾點：

1、從需求本源遏制住複雜化的趨勢。隨便揪幾個人，讓他們看你網站首頁30秒，然後告訴你網站是幹啥的；如果他們說的彼此不一樣，或者說的和你想的不一樣，那就說明你的網站有問題。如果你是一個規模不大的網站，一開始最好只專註在一樣東西上

2、從功能上降低複雜度：儘可能減少用戶需要的操作，能自動化完成的就完成，留一個隱蔽的更正入口即可。把簡單留給用戶，把複雜留給自己。

3、視覺設計上的技巧，把網站做的有層次，重點的凸顯，非重點的淡一些能找到就可以，使用留白線條分割界面。同等複雜度下，一個布局清晰的界面，永遠比一個布局混亂的頁面簡單

簡潔到不顯得空洞，複雜到不顯的雜亂，讓我想起廣告詞，簡約而不簡單，放鬆而不放縱

我覺得不管是什麼設計都是由簡單到複雜再由複雜到簡單的一個過程，而且簡潔跟複雜也沒有具體的標準，只是一個相對概念，如何用最簡單的方法實現最複雜的關係這永遠都是網頁設計師所要追求的效果~

如果一名設計師只能做到「簡潔則無法再呈現很多重要的東西，複雜了又看著比較雜亂」，那只是一名普通甚至失敗的設計師。

關鍵並不在於你如何去平衡，而在於你成為誰。

學習有三種階段，知識、本能、直覺。如果想學會平衡的能力，那就先從「被1px糾結100次」開始起步。

******************************************

另外，極簡主義，非常的優雅。能夠駕馭它的設計師，並不多。但號稱追求它的人，卻很多。失敗的自然更多。

為什麼會失敗呢？1，沒有這樣的能力；2，沒有這樣的決心和勇氣。

一、一些範式的想法與說法

1，世界和事物是複雜的，但這跟你要不要追隨極簡主義並沒有關係，只是會給你增加難度而已。

2，設計通常有兩種趨勢，專業的和大眾的，面向大眾的時候，複雜的界面（認知超過3個維度以上的就是災難）就是shit，再漂亮都沒用。

3，系統複雜性是守恆的，頁面的複雜性降低，結構的複雜性就會增加。

4，系統複雜性和用戶體驗滿足度，在能夠被認知的前提下，是成正比的。在簡單前面加了個「極」是一件多麼興奮、多麼有挑戰的事情。

5，簡潔必然意味著元素的「減少」（通常不是真實的減少），必然意味著「功能」的增加（通常不是真實的增加）。

6，不少人會給簡單而丑的東西打上「簡潔」的名號，真噁心。

7，簡潔而不簡單，複雜而不雜亂，這僅僅是結果以及別人的夸夸其談；如果用這個原則去驅動你日常的設計，你會死的。

8，認知的簡潔度與說服工作通常成反比，與績效考核通常亦成反比。

二、既然作為一名設計師，就把自己當做一名藝術家看待，別人的太多話有必要聽，但沒有必要聽進去。

1，別人會告訴你，這還是「必要的東西」，真是這樣么？

2，別人會告訴你，這不是「必要的東西」，真是這樣么？

3，你真的有勇氣和能力相信用戶是錯的么？

4，你真的有勇氣和能力相信別人是錯的么？

5，你真的有勇氣和能力相信自己也是錯的么？

6，你真的有勇氣打算這麼幹麼？！

（1）做減法。把不必要的東西都通通砍掉

（2）對比。顏色、大小的對比來突出主要內容，弱化視覺干擾。

弱化UI，突出內容。不要把邊框，按鈕做得太花俏。

個人愚見，僅供參考。

簡潔就是，百分之九十的用戶想用的功能都有並能很快找到，不想用的都看不見、、

複雜與簡單是一對雙生子，強系統（能夠完成很多目標）的複雜性是無法避免的，類似資訊理論中一個信號的頻域與時空域不能同時集中，追求單方面的簡潔一定以增加另一結構上的複雜為代價。且不論專業工具，大眾產品希望保持簡單的唯一路徑是圈定核心目標人群，聚焦到少數功能或完善垂直生態系統上，大而全的產品能夠通過界面設計大幅削減表現的複雜度只是一廂情願的想法，最後混淆了表達的層次（弱化對比，僅僅表達出差異），將認知難度的提昇平攤給所有用戶。大而全的產品只能佔領極度短缺的新興市場，一但市場與用戶成熟，就會選擇更垂直專業的產品。

具體給設計師的建議是，多溝通，多出方案，衡量你的老闆，產品經理，用戶的接受度，使削弱的對比保持在一定限度內（視覺表現，交互反饋或操作即現與信息架構層次），要麼只能另起爐灶做個新產品了。大而全的老產品終究要被淘汰的

對內容以及功能進行：刪除，組織，隱藏，轉移。

老實說，簡介的界面和功能複雜產品是一對矛盾。

我覺得應該對功能做減法能夠讓產品變的相對簡單，精簡流程，切中要害，用戶效率提高，滿意度自然也提升。

大而全的產品時代已經過去，在更加講究專註、講究異質化的今天，團隊通過隱性工作分析數據調節架構整合功能，拒絕為了全面而妥協，看起來是讓產品顯性功能少了，實際上圈定了更多目標用戶，增加了產品銷量。

可以把功能點按照層級劃分。

1、不重要、可有可無的，完全可以去掉；

2、不重要，但特殊用戶有此需求，可以保留，功能可以弱化或者隱藏；

3、一般，有較多用戶有此需求，保留，功能放在合適的位置；

4、重要，大部分用戶有此需求，必須保留，功能放在顯要的位置

建議題主可以看一本書叫做簡約至上，應該會對你有幫助。

淺薄地談下自己對於把複雜的東西設計得簡潔的認識。

一、功能邏輯上的簡潔：站在用戶體驗的角度，令頁面邏輯變得簡潔。比如核心功能/內容的展示在頁面清晰且易捕捉，頻次較低的邊界功能/內容訪問入口加深之類的。嗯這塊還待補充。

二、交互設計上的簡潔：遵從主流交互規範（不輕易改變培養出的用戶交互習慣）。這一部分多了解下主流產品或者競品的交互設計，培養自己的交互設計意識。

三、視覺設計上的簡潔：層次分明，利用顏色、線條、字型大小等進行強弱提示，在實踐中尋找方法論。

以後有了更多思考後回來補充。

可以劃分較多的層級，這樣把內容進行不斷的分支而達到簡化的效果，或許這樣會造成使用者操作的頻數增加而複雜化，但如果每個層級都具有一定的趣味性，就不會覺得複雜了！人對世界的感官就是複雜的，即使本來的複雜的東西，只要你有更吸引他的地方，他就可能會忽略複雜，焦點不在複雜上，這樣即使再複雜都不會覺得複雜。其實受眾是操作者，我們要改變的應該是操作者的感覺，而不是網站本身。

出了減少內容還可以通過減少顏色的應用以同類色的方法來配色呈現的效果也會比較簡潔簡潔≠簡單~ 必要的東西還是需要有的~~~

何為簡介，不是說內容少就是簡介。簡介的網頁設計是給人看上去清新的感覺。你可以嘗試在網頁的劃分上點功夫啊。

簡介30%+複雜20%+用戶體驗滿意度50%=是否平衡？

簡潔到不顯得空洞，複雜到不顯的雜亂