簡單的設計_網頁設計教程
推薦:頁面構建和js前端不得不說的那點事兒作為微博的頁面構建工程師,主要職責就是利用htmlcss,高質量的完成靜態頁面的制作,保證項目的按時完成。而頁面需要的js效果則交給下游的js前端工程師去做。在微博,這兩個崗位是分開的。但在大家的思維定勢里可能覺得這兩個崗位應由一個人來完成最好,畢竟,頁面構建
什么是簡單?很多時候我們把簡單和簡潔混淆成一個概念,以為簡單就是使用盡量少的視覺元素。其實不然。簡潔和簡單關注的角度不同。簡潔強調的是“潔”,是干凈;而簡單強調的是“單”,是不復雜、容易—容易獲取、容易理解、容易使用。
Google 的主頁很簡潔,但并不簡單。為人詬病的“更多”的設計,以及功能極其強大的高級搜索語法都在向用戶說“其實我并不簡單”。隨著Google的成功,不少搜 索引擎都樂衷于仿效其設計,卻往往只是套上相似的“簡潔不簡單”的外殼,而沒能在簡單上下功夫,做到比Google更勝一籌。
反過來看,網址站的設計不論放在哪個設計師眼里都會被鄙視。但就是這樣毫不簡潔的設計,卻是一個簡單的設計。使用網址站的用戶,既不需要有多高的學歷(識字就行),也不需要有多深的計算機知識(會用鼠標就行)。當年還在美國求學時,系里的教授時常看著新浪主頁百思不得其解,流行的解釋是東西方文化差異。其實沒這么玄 乎,當年的門戶不就是扮演著網址站的角色嗎?要讓廣大教育程度相差懸殊的網民都能使用,網站的設計就不得不“向下兼容”,簡單原則重于簡潔原則。
今天既簡潔又簡單的設計當屬蘋果。通過簡潔的外觀加上簡單的界面,蘋果塑造了許多設計經典。而在功能機時代,諾基亞則是當之無愧的簡潔又簡單的設計表率。可惜時過境遷,觸屏改變了過去的交互模式,讓諾基亞曾經的簡單變得不再簡單。
那么,如何做簡單的設計呢?
首先,是做到用戶價值上的簡單。
在核心用戶價值上只保留最重要的一項,其他都可以先舍去。這樣做最大的好處是用戶能夠很容易理解你所要表達的價值。就好像談到搜索引擎用戶就很自然地想到Google。
其次,是做到心理上的簡單。
視覺是很重要的手段之一。適當地借助視覺通過良好的組織讓設計第一眼看上去便顯得簡單。這是簡潔可以幫上忙的地方。不只是設計師 容易把簡潔當簡單,用戶更是如此。不過,也不能因此就處處以簡潔來包裝。有時,不需要簡潔才是更好的簡單,就如網址站的陳列方式。
再次,是 做到使用上的簡單。
這主要是與可用性相關的內容,例如減少步驟、保持一致性等。使用上的簡單要根據用戶人群的特點來考慮不同的設計策略。同樣是命令行形式 的交互手段,對于普通用戶而言可能非常復雜,而對于軟件開發人員而言則是簡單的。使用上的簡單也要伴隨著技術的發展而不斷進步。Google地圖街景的出 現讓數字世界變得真實親切。
最后,是做到文字上的簡單。
圖形界面聽上去是圖形為主,但不可忽視文字的重要性。一個較為普遍的例子是現在許多公司都非常用心地對404頁面加以設計,通過簡單而有意義的文字將錯誤信息傳遞給用戶。雖然排在最后一點,但文字的重要性絲毫不比前三點差。
這,就是簡單的設計。
作者林敏,用戶體驗踐行者和布道者,曾創立UU網為國內早期從業人員提供學習交流平臺,F為三星中國設計研究所用戶體驗創新部負責人。
分享:網頁設計的8個趨勢本文譯自網站設計公司weavora.com,介紹了在他們眼里8個Web網頁設計趨勢:單頁面、用照片做背景、色塊設計、超大號的圖片、聚焦簡潔、響應式設計、視差滾動、強調字體,每個趨勢后面都附了數個案例,相信對網站設計師會有一定的參考價值。 單個長頁面的設計一度不受人
。