簡(jiǎn)單的設(shè)計(jì)_網(wǎng)頁(yè)設(shè)計(jì)教程

      編輯Tag賺U幣
      教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!

      推薦:頁(yè)面構(gòu)建和js前端不得不說(shuō)的那點(diǎn)事兒
      作為微博的頁(yè)面構(gòu)建工程師,主要職責(zé)就是利用htmlcss,高質(zhì)量的完成靜態(tài)頁(yè)面的制作,保證項(xiàng)目的按時(shí)完成。而頁(yè)面需要的js效果則交給下游的js前端工程師去做。在微博,這兩個(gè)崗位是分開的。但在大家的思維定勢(shì)里可能覺得這兩個(gè)崗位應(yīng)由一個(gè)人來(lái)完成最好,畢竟,頁(yè)面構(gòu)建

      什么是簡(jiǎn)單?很多時(shí)候我們把簡(jiǎn)單和簡(jiǎn)潔混淆成一個(gè)概念,以為簡(jiǎn)單就是使用盡量少的視覺元素。其實(shí)不然。簡(jiǎn)潔和簡(jiǎn)單關(guān)注的角度不同。簡(jiǎn)潔強(qiáng)調(diào)的是“潔”,是干凈;而簡(jiǎn)單強(qiáng)調(diào)的是“單”,是不復(fù)雜、容易—容易獲取、容易理解、容易使用。

      Google 的主頁(yè)很簡(jiǎn)潔,但并不簡(jiǎn)單。為人詬病的“更多”的設(shè)計(jì),以及功能極其強(qiáng)大的高級(jí)搜索語(yǔ)法都在向用戶說(shuō)“其實(shí)我并不簡(jiǎn)單”。隨著Google的成功,不少搜 索引擎都樂(lè)衷于仿效其設(shè)計(jì),卻往往只是套上相似的“簡(jiǎn)潔不簡(jiǎn)單”的外殼,而沒能在簡(jiǎn)單上下功夫,做到比Google更勝一籌。

      反過(guò)來(lái)看,網(wǎng)址站的設(shè)計(jì)不論放在哪個(gè)設(shè)計(jì)師眼里都會(huì)被鄙視。但就是這樣毫不簡(jiǎn)潔的設(shè)計(jì),卻是一個(gè)簡(jiǎn)單的設(shè)計(jì)。使用網(wǎng)址站的用戶,既不需要有多高的學(xué)歷(識(shí)字就行),也不需要有多深的計(jì)算機(jī)知識(shí)(會(huì)用鼠標(biāo)就行)。當(dāng)年還在美國(guó)求學(xué)時(shí),系里的教授時(shí)常看著新浪主頁(yè)百思不得其解,流行的解釋是東西方文化差異。其實(shí)沒這么玄 乎,當(dāng)年的門戶不就是扮演著網(wǎng)址站的角色嗎?要讓廣大教育程度相差懸殊的網(wǎng)民都能使用,網(wǎng)站的設(shè)計(jì)就不得不“向下兼容”,簡(jiǎn)單原則重于簡(jiǎn)潔原則。

      今天既簡(jiǎn)潔又簡(jiǎn)單的設(shè)計(jì)當(dāng)屬蘋果。通過(guò)簡(jiǎn)潔的外觀加上簡(jiǎn)單的界面,蘋果塑造了許多設(shè)計(jì)經(jīng)典。而在功能機(jī)時(shí)代,諾基亞則是當(dāng)之無(wú)愧的簡(jiǎn)潔又簡(jiǎn)單的設(shè)計(jì)表率。可惜時(shí)過(guò)境遷,觸屏改變了過(guò)去的交互模式,讓諾基亞曾經(jīng)的簡(jiǎn)單變得不再簡(jiǎn)單。

      那么,如何做簡(jiǎn)單的設(shè)計(jì)呢?

      首先,是做到用戶價(jià)值上的簡(jiǎn)單。

      在核心用戶價(jià)值上只保留最重要的一項(xiàng),其他都可以先舍去。這樣做最大的好處是用戶能夠很容易理解你所要表達(dá)的價(jià)值。就好像談到搜索引擎用戶就很自然地想到Google。

      其次,是做到心理上的簡(jiǎn)單。

      視覺是很重要的手段之一。適當(dāng)?shù)亟柚曈X通過(guò)良好的組織讓設(shè)計(jì)第一眼看上去便顯得簡(jiǎn)單。這是簡(jiǎn)潔可以幫上忙的地方。不只是設(shè)計(jì)師 容易把簡(jiǎn)潔當(dāng)簡(jiǎn)單,用戶更是如此。不過(guò),也不能因此就處處以簡(jiǎn)潔來(lái)包裝。有時(shí),不需要簡(jiǎn)潔才是更好的簡(jiǎn)單,就如網(wǎng)址站的陳列方式。

      再次,是 做到使用上的簡(jiǎn)單。

      這主要是與可用性相關(guān)的內(nèi)容,例如減少步驟、保持一致性等。使用上的簡(jiǎn)單要根據(jù)用戶人群的特點(diǎn)來(lái)考慮不同的設(shè)計(jì)策略。同樣是命令行形式 的交互手段,對(duì)于普通用戶而言可能非常復(fù)雜,而對(duì)于軟件開發(fā)人員而言則是簡(jiǎn)單的。使用上的簡(jiǎn)單也要伴隨著技術(shù)的發(fā)展而不斷進(jìn)步。Google地圖街景的出 現(xiàn)讓數(shù)字世界變得真實(shí)親切。

      最后,是做到文字上的簡(jiǎn)單。

      圖形界面聽上去是圖形為主,但不可忽視文字的重要性。一個(gè)較為普遍的例子是現(xiàn)在許多公司都非常用心地對(duì)404頁(yè)面加以設(shè)計(jì),通過(guò)簡(jiǎn)單而有意義的文字將錯(cuò)誤信息傳遞給用戶。雖然排在最后一點(diǎn),但文字的重要性絲毫不比前三點(diǎn)差。

      這,就是簡(jiǎn)單的設(shè)計(jì)。

      作者林敏,用戶體驗(yàn)踐行者和布道者,曾創(chuàng)立UU網(wǎng)為國(guó)內(nèi)早期從業(yè)人員提供學(xué)習(xí)交流平臺(tái)。現(xiàn)為三星中國(guó)設(shè)計(jì)研究所用戶體驗(yàn)創(chuàng)新部負(fù)責(zé)人。

      分享:網(wǎng)頁(yè)設(shè)計(jì)的8個(gè)趨勢(shì)
      本文譯自網(wǎng)站設(shè)計(jì)公司weavora.com,介紹了在他們眼里8個(gè)Web網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì):?jiǎn)雾?yè)面、用照片做背景、色塊設(shè)計(jì)、超大號(hào)的圖片、聚焦簡(jiǎn)潔、響應(yīng)式設(shè)計(jì)、視差滾動(dòng)、強(qiáng)調(diào)字體,每個(gè)趨勢(shì)后面都附了數(shù)個(gè)案例,相信對(duì)網(wǎng)站設(shè)計(jì)師會(huì)有一定的參考價(jià)值。 單個(gè)長(zhǎng)頁(yè)面的設(shè)計(jì)一度不受人

      來(lái)源:程序員//所屬分類:網(wǎng)頁(yè)設(shè)計(jì)教程/更新時(shí)間:2012-11-01
      相關(guān)網(wǎng)頁(yè)設(shè)計(jì)教程