簡(jiǎn)單的設(shè)計(jì)_網(wǎng)頁(yè)設(shè)計(jì)教程
推薦:頁(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ì)一度不受人
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬(wàn) 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來(lái)
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫(kù)導(dǎo)入mysql數(shù)據(jù)庫(kù)
- ACCESS數(shù)據(jù)庫(kù)轉(zhuǎn)ORACLE數(shù)據(jù)庫(kù)分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國(guó)IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬(wàn)部iPhone遭蘋果退貨 損失10億元
網(wǎng)頁(yè)設(shè)計(jì)教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁(yè)設(shè)計(jì)教程推薦
- 富媒體廣告設(shè)計(jì)點(diǎn)評(píng)之肯德基
- 富媒體廣告設(shè)計(jì)點(diǎn)評(píng)之智聯(lián)招聘
- 如何讓復(fù)雜的導(dǎo)航變得簡(jiǎn)單
- 設(shè)計(jì)師的溝通方法-你是否正在被邊緣化后記(一)
- 2012年十二月web設(shè)計(jì)與開發(fā)熱點(diǎn)
- 如何制定文字語(yǔ)言規(guī)范
- 網(wǎng)頁(yè)文字的設(shè)計(jì)應(yīng)該像聰明女孩穿衣服那樣
- 我們需要自己的用戶介面規(guī)則
- 網(wǎng)站可信度建設(shè)十大準(zhǔn)則
- 新浪微博開放震災(zāi)尋人數(shù)據(jù) 聯(lián)手百度搜狗360
- 相關(guān)鏈接:
- 教程說(shuō)明:
網(wǎng)頁(yè)設(shè)計(jì)教程-簡(jiǎn)單的設(shè)計(jì)
。