簡單的設(shè)計_網(wǎng)頁設(shè)計教程
推薦:頁面構(gòu)建和js前端不得不說的那點事兒作為微博的頁面構(gòu)建工程師,主要職責(zé)就是利用htmlcss,高質(zhì)量的完成靜態(tài)頁面的制作,保證項目的按時完成。而頁面需要的js效果則交給下游的js前端工程師去做。在微博,這兩個崗位是分開的。但在大家的思維定勢里可能覺得這兩個崗位應(yīng)由一個人來完成最好,畢竟,頁面構(gòu)建
什么是簡單?很多時候我們把簡單和簡潔混淆成一個概念,以為簡單就是使用盡量少的視覺元素。其實不然。簡潔和簡單關(guān)注的角度不同。簡潔強調(diào)的是“潔”,是干凈;而簡單強調(diào)的是“單”,是不復(fù)雜、容易—容易獲取、容易理解、容易使用。
Google 的主頁很簡潔,但并不簡單。為人詬病的“更多”的設(shè)計,以及功能極其強大的高級搜索語法都在向用戶說“其實我并不簡單”。隨著Google的成功,不少搜 索引擎都樂衷于仿效其設(shè)計,卻往往只是套上相似的“簡潔不簡單”的外殼,而沒能在簡單上下功夫,做到比Google更勝一籌。
反過來看,網(wǎng)址站的設(shè)計不論放在哪個設(shè)計師眼里都會被鄙視。但就是這樣毫不簡潔的設(shè)計,卻是一個簡單的設(shè)計。使用網(wǎng)址站的用戶,既不需要有多高的學(xué)歷(識字就行),也不需要有多深的計算機知識(會用鼠標(biāo)就行)。當(dāng)年還在美國求學(xué)時,系里的教授時�?粗吕酥黜摪偎疾坏闷浣�,流行的解釋是東西方文化差異。其實沒這么玄 乎,當(dāng)年的門戶不就是扮演著網(wǎng)址站的角色嗎?要讓廣大教育程度相差懸殊的網(wǎng)民都能使用,網(wǎng)站的設(shè)計就不得不“向下兼容”,簡單原則重于簡潔原則。
今天既簡潔又簡單的設(shè)計當(dāng)屬蘋果。通過簡潔的外觀加上簡單的界面,蘋果塑造了許多設(shè)計經(jīng)典。而在功能機時代,諾基亞則是當(dāng)之無愧的簡潔又簡單的設(shè)計表率�?上r過境遷,觸屏改變了過去的交互模式,讓諾基亞曾經(jīng)的簡單變得不再簡單。
那么,如何做簡單的設(shè)計呢?
首先,是做到用戶價值上的簡單。
在核心用戶價值上只保留最重要的一項,其他都可以先舍去。這樣做最大的好處是用戶能夠很容易理解你所要表達的價值。就好像談到搜索引擎用戶就很自然地想到Google。
其次,是做到心理上的簡單。
視覺是很重要的手段之一。適當(dāng)?shù)亟柚曈X通過良好的組織讓設(shè)計第一眼看上去便顯得簡單。這是簡潔可以幫上忙的地方。不只是設(shè)計師 容易把簡潔當(dāng)簡單,用戶更是如此。不過,也不能因此就處處以簡潔來包裝。有時,不需要簡潔才是更好的簡單,就如網(wǎng)址站的陳列方式。
再次,是 做到使用上的簡單。
這主要是與可用性相關(guān)的內(nèi)容,例如減少步驟、保持一致性等。使用上的簡單要根據(jù)用戶人群的特點來考慮不同的設(shè)計策略。同樣是命令行形式 的交互手段,對于普通用戶而言可能非常復(fù)雜,而對于軟件開發(fā)人員而言則是簡單的。使用上的簡單也要伴隨著技術(shù)的發(fā)展而不斷進步。Google地圖街景的出 現(xiàn)讓數(shù)字世界變得真實親切。
最后,是做到文字上的簡單。
圖形界面聽上去是圖形為主,但不可忽視文字的重要性。一個較為普遍的例子是現(xiàn)在許多公司都非常用心地對404頁面加以設(shè)計,通過簡單而有意義的文字將錯誤信息傳遞給用戶。雖然排在最后一點,但文字的重要性絲毫不比前三點差。
這,就是簡單的設(shè)計。
作者林敏,用戶體驗踐行者和布道者,曾創(chuàng)立UU網(wǎng)為國內(nèi)早期從業(yè)人員提供學(xué)習(xí)交流平臺。現(xiàn)為三星中國設(shè)計研究所用戶體驗創(chuàng)新部負(fù)責(zé)人。
分享:網(wǎng)頁設(shè)計的8個趨勢本文譯自網(wǎng)站設(shè)計公司weavora.com,介紹了在他們眼里8個Web網(wǎng)頁設(shè)計趨勢:單頁面、用照片做背景、色塊設(shè)計、超大號的圖片、聚焦簡潔、響應(yīng)式設(shè)計、視差滾動、強調(diào)字體,每個趨勢后面都附了數(shù)個案例,相信對網(wǎng)站設(shè)計師會有一定的參考價值。 單個長頁面的設(shè)計一度不受人
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會:打假,打出阿里的新未來
- 實踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費CDN申請使用教程:100GB流量香港日本新加坡節(jié)點
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動廣告野蠻成長:75%投放在iOS平臺
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計教程-簡單的設(shè)計
。