<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 網頁設計的七條基本準則

    2014-4-10    藍藍設計的小編

    轉載藍藍設計(   m.skdbbs.com  )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 平面設計服務

    來源:http://www.uisdc.com/100-things-you-should-know-about-design

    如果您想訂閱本博客內容,每天自動發到您的郵箱中,   請點這里

    新時代的網頁設計充滿了各種新技術、各種新的jQuery腳本、各種響應式網頁設計——但我們依然不能忽略最基本的網頁設計基礎。

    新時代的網頁設計以響應式理論為藍本,力圖在不同設備上呈現一致的網頁瀏覽體驗。
    而響應式時代依然不便的設計基本準則又是什么呢?一起來看看l藍藍設計下面的七條,望諸君UI設計時銘記于心。

    1.優秀的網頁設計應該簡約,并且完整

    UI設計大師往往都是哲學家,他們往往保持一種包容的界面設計態度,不會采用極端的設計方式,他們的設計往往是一種平衡之美。

    我們可以畫出一個橫軸,左邊是簡約、右邊是完整,而最好的設計會聰明的選取中值(如下圖)

    網頁設計必須簡約,任何無用的特質都必須移除;與此同時,網頁設計必須能夠滿足用戶需求。

    太簡單的網頁如果沒有空能支撐,那么從里到外就真的是”空洞無物”了。
    太復雜的網頁如果缺少簡約的收束,那么便會”尾大不掉”,讓用戶閱讀困難。

    “言簡意賅”的設計才是好設計,一個設計師的掌控力得以體現。

    Beautiful Design Basics

    總結起來就是一句話:一個布局、風格具有簡約美,同時又能提供大量有價值信息的網站必定受用戶歡迎

    2. 用戶往往缺乏耐心

    互聯網充滿了機遇,每個人都想通過簡單的操作便能獲取所需信息。
    互聯網的信息浩瀚如海,你并不是唯一的信息提供者。

    亙古不變的是:用戶的時間寶貴,他們缺乏耐心。如果你不能提供便捷的信息,那么他們會選擇離開,進而尋找其他網站來謀求信息。

    想要做好這一點?說白了,就是信息層級要清晰,加載速度要快

    但其實也不簡單,就加載而言,我舉一個例子

    談談加載(Loading)的那點事

    上面這三種加載方式,中間的方式最迂腐:用戶會想’這等到什么時候會是個頭啊!

    右面呢?右面會不會好一點?答案是不會,想想你高中時上午最后一節課,你在等下課,所以你一直仔細的看著表上的指針,你越急躁,觀察的越仔細,越能感覺到”時間太慢”。

    左面好不好?也不好,旋轉指示條轉的快,用戶會認為加載速度很快,用戶會想”加載的這么快還沒有完全載入,這是設計問題嗎?” 轉的慢,用戶會認為”這是網絡問題,加載的居然這么慢”

    說實話,上面這三種方式都是告訴用戶:請等待! 所謂的進度讀取、旋轉讀取只不過是一種心理騙局:無論多塊、進度條多充盈,在沒有完成加載前,用戶還是看不到頁面信息。

    而最近出現了一種新方法,Luke Wroblewski在他的文章中提到過,叫做框架讀取,也就是加載了多少內容,呈遞多少內容,推薦各位嘗試。參考閱讀:
    談談加載(LOADING)的那點事
    推薦:如何加速網頁的打開速度
    高端揭秘:為你的響應式設計提速

    3. 網頁設計必須具備一致性

    想像一下你作為網絡瀏覽者時的經歷:你在瀏覽網頁時,一般都不會詳細閱讀內容,你會快速滑動頁面,大致瀏覽一遍,如果看到感興趣的信息便停下,進行仔細閱讀。這是一種用戶習慣。萬物作而弗始,生而弗有,為而弗恃,功成而弗居。夫唯弗居,是以不去。——道德經

    在John Allsopp《網頁設計之道》中有這樣一句話,大致是這么一種意思:設計師不應該作為用戶的對立,設計師應該尊重用戶的習慣,讓設計適應用戶的習慣,而不是做一個高高在上的獨裁者。功成身退,這似乎有種”偉大的設計是隱形”的意味。

    好了,我們把話題扯回來,用戶的這種閱讀習慣意味著什么?這意味著設計必須具有高度的一致性,用戶看到前面的布局,對后面的布局有一種”預期”:他會認為后面的頁面布局也是如此,不要破壞用戶的閱讀節奏感。

    同樣的,同一頁面的各個元素以及各個子頁面之間必須要具備一致的聯系性,也就是說設計師的設計模式應該專一,再舉個簡單的例子,如果主頁的導航欄布置在上方,子頁面的導航欄布置在側邊,你認為用戶會高興嗎?參考閱讀:
    高手之路:如何設計才能讓網站風格協調一致

    4.將導航菜單作為交互的”核心”

    closer-view-01

    上面已經提到過,各個頁面的導航欄必須具備一致性。有時候,好的網頁設計和差的網頁設計差距就在導航菜單,好的導航菜單成就了一款設計,壞的導航毀滅了一例網站。

    每當用戶有問題時,他都會習慣性的翻閱導航菜單,這也是用戶習慣,要注意。個人認為,導航是網頁設計的核心元素,影響到網站的交互性,至于要怎么設計,仁者見仁,智者見智了。參考閱讀:
    大型網站導航設計指南
    網頁新趨勢:革命性的創新網頁導航設計

    5. 留白和信息同樣重要

    ws-dribbble_1x

    “內容為王”、”內容至上”是嗎?那我就提供大量豐富信息,把網站全部都填滿。”這種設計思想真是大錯特錯,太片面了。

    你要有這樣一種觀念:留白也是設計的一部分,那些不使用的空間也能發揮其作用。從用戶的角度來說,留白很好,讓布局更有條理,信息更清晰。

    太剛強的事物容易折斷,有張有弛才能長久。網頁設計也是同理,多給用戶一點閱讀呼吸空間,讓他們感受到網頁設計的”節奏感”。
    各位可以自行想象一下,如果一款網頁中一點留白都沒有,到處都是密密麻麻的文字和圖像,你會感到舒服嗎?參考閱讀:
    我們為何要在設計中重視”留白”

    6.用心的設計都有清晰的視覺層級

    heir

    明智的設計師不光會創造內容,還知道如何組織內容,傳遞信息。視覺層級對于信息呈遞來說異常重要,優秀的視覺層級還能幫助設計師強化設計理念。

    空間排布、間距使用、整體布局,關于這些的探討已經夠多了,歸根結底,無非是為了打造優秀的視覺層級。

    參考閱讀:
    如何在設計中建立良好的視覺層級

    7.永遠不要忽略字體

    shot_1297076222

    內容為王,那么內容是由什么包裝的呢?答案是字體,這種小小的細節能造就大差異。字體的清晰與否決定了信息呈遞的結果。

    扁平化設計強化了大家對于字體的重視,這一點我很贊同。
    還有一點趨勢不容忽略:屏幕越來越大。那么字體呢?

    本文雖然是老生常談,但是我相信這些準則不會隨流行而改變,想要設計出更優秀的網頁?別著急復制流行了,先磨磨你的基本功吧。

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://m.skdbbs.com

    存檔

    主站蜘蛛池模板: 亚欧洲精品在线视频免费观看| 久久国产香蕉一区精品| 98视频精品全部国产| 久久精品成人免费国产片小草| 久久精品亚洲中文字幕无码麻豆| 国产系列高清精品第一页| 国产AV午夜精品一区二区入口| 四虎影视永久在线精品| 51久久夜色精品国产| 500av导航大全精品| 亚洲精品久久久www| 国内精品久久久久久久涩爱| 91精品国产福利在线导航| 最新精品露脸国产在线| 一区二区三区日韩精品| 东京热TOKYO综合久久精品| 无码欧精品亚洲日韩一区夜夜嗨 | 97精品国产自在现线免费观看 | 国产精品白丝AV嫩草影院| 国产精品日本欧美一区二区| 午夜精品久久久久久久久| 久久久精品久久久久久 | 久久99精品国产自在现线小黄鸭 | 国产精品一级AV在线播放| 91不卡在线精品国产| 黑人精品videos亚洲人| 99精品视频在线观看| 一本大道无码日韩精品影视| 香蕉99久久国产综合精品宅男自| 国内精品久久久久久久影视麻豆| 国产精品国产AV片国产| 1区1区3区4区产品芒果精品| 秋霞午夜鲁丝片午夜精品久| 国产精品成人不卡在线观看| 99热门精品一区二区三区无码| 亚洲国产精品久久久天堂| 亚洲国产精品一区二区第一页| 亚洲av午夜国产精品无码中文字 | 国产精品莉莉欧美自在线线| 大伊香蕉精品一区视频在线| 国产精品色内内在线播放|