亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

提高設計一致性的7個小貼士

作者:
分類: 觀點/經驗
2016-08-10
1837

對于一致性來說,在某些些情況下,要理解并實踐它幾乎是無需傷腦的事情,而在其他情況下,理解起來可能會有點復雜。簡單來說,一致性是交互設計中的一種基本規范,它涉及到一份設計中的所有元素,它能夠用在一場活動方案的策劃中,也能夠用在獨立品牌的設計中,總之就是要創建出一個可用性高而又統一協調的產品。下面的這些例子我們要特別注意,因為每一個品牌在一致性和可用性設計方面都是佼佼者。

對于一致性來說,在某些些情況下,要理解并實踐它幾乎是無需傷腦的事情,而在其他情況下,理解起來可能會有點復雜。簡單來說,一致性是交互設計中的一種基本規范,它涉及到一份設計中的所有元素,它能夠用在一場活動方案的策劃中,也能夠用在獨立品牌的設計中,總之就是要創建出一個可用性高而又統一協調的產品。下面的這些例子我們要特別注意,因為每一個品牌在一致性和可用性設計方面都是佼佼者。

1、主色、次色以及整體的色調

1.jpg

為何關于如何創建一個優秀的調色板有如此多的資料?這是因為顏色能夠作為傳遞品牌效應的關鍵視覺因素之一。

一個特殊的顏色標識符可以快速的告訴用戶你是誰。想想這個世界中的那些大品牌——Coca-Cola, Facebook,T-Mobile ,它們無一不具有獨特的品牌色。如果沒有這些顏色,你還能認出他們嗎?

另外,使用好顏色也可以幫助用戶在使用你的網站過程中始終知道他們是不是在正確的位置。試想如果每個點擊動作都把你帶向一個使用新色調的頁面,你還會疑惑自己究竟是不是在正確的地方嗎?

為了創建一個非常棒的調色板,你應該先挑選出一個主要色,然后使用色彩理論添加一到兩個次要色。再針對每種顏色設定一組樣式和使用規則,在之后的設計中堅持使用這些規則便能保證你在色彩上的一致性。

2、字體大小、間距和位置

2.jpg

如同顏色應該是基于一定樣式規則的調色板,字體也是需要設定規則的,而且思路也是一樣的。

(1)選擇一個主要字體和大小。

(2)選擇次要字體和大小。

相比于顏色來說,字體的設置規則可能會稍微復雜一些。 對于 web 端的樣式風格來說,你應該使用 CSS 來設置元素的大小,間距和位置,以便每個標簽(如h1,h2,h3,body等)調用正確的屬性值。

在一個相對固定的位置顯示的字體,如導航中中的字體,應該始終保持一致性。如果每個導航元素都采用不相同的字體,用戶將會感到相當的困惑。這種一致性規則應該貫穿整個網站,所有相似的項目中應該使用相同的字體形式。

 

3、元素的尺寸大小和關系

3.jpg

你設計的界面元素尺寸有多大?所有的按鈕都是一樣大嗎?標題和圖片大小又是如何?

元素的大小應該由其風格決定,同一元素尺寸大小應該保持一致。

元素使用一致的尺寸大小,并且不同元素間的關系也保持一致,便能幫助用戶理解你在設計上所使用的一致性模式,并創建出一個流暢的視覺觀感,達到一種和諧而平衡的效果。

4、間距留白

4.jpg

跟元素的尺寸大小同等重要的還有元素間的留白。一個元素看起來毫無任何組織和規則,能分散人們的注意力——比如一些照片重疊而其他的則互相之間留有大量的間距。

創建并堅持于一種通用的留白規則的最好方法是使用柵格系統,該系統中那些無形的線條將幫助你決定在哪里放置以及如何放置一個元素,從而使得每一個像文本、按鈕、圖片這樣的獨立元素都能夠表現的十分協調。

在你考慮留白設計時,一定不能忘了去檢查在垂直和水平方向上的一致性。既要留意那些相似元素的關系也不要疏忽那些不同元素間的關系。

5、跨媒介的視覺效果

5.jpg

品牌的視覺效果,比如平面圖和插畫,都應該兼容于不同媒介。無論你的設計是面向一個網站或者宣傳手冊,廣告牌或社會化媒體,品牌的視覺效果都不應該隨媒介的變化而改變。

這通常涉及到要使用一組通用的圖片處理方式。有些品牌對于如何正確的傳達視覺效果會有一些明確的細則——比如色彩疊加或者水印效果以及圖片長寬比設置等等。不管你要設計的樣式究竟如何,都要牢記的一點就是不管將來把它放在哪個媒介上,它都應該正常的傳達出應有的效果才對。

為了最有效的做好這項工作,你最好創建一個可視化的圖像集,收集大量的高質量,高分辨率的圖像以方便你的重復使用。

6、工作自然的用戶模式

6.jpg

你的設計應該跟現有類似的設計按著相同的方式發揮作用,并遵循那些公認的用戶模式。設計師們往往想要做些違背事物自然規律、與眾不同的事情,你千萬不要掉入這個陷阱。

如果一個網站或者應用程序亦或是任何印制元素能按著用戶期待的方式工作,那么他們之間便能輕而易舉的產生交互。這因為個時候,用戶本身清楚的知道自己要做什么以及該如何達到目標,而設計本身則變為一只無形之中指引用戶方向的手(其實這也正應該是一個設計師的真實目標才對)。

這里有四種類型被普遍接受的設計模式值得我們來思考:

(1)內容模式:設計樣式和內容的情感語氣以及你的品牌。

(2)標記模式:在設計整個網站頁面時,你需要用到的 HTML 和 CSS 。

(3)設計模式:每一個元素的外觀和所有相關的風格。

(4)用戶模式:用戶如何與設計元素,如按鈕、菜單或圖標產生交互。

7、一致的界面元素

7.jpg

雖說這不是粘性導航,但是思路相似。

對于你的網站來講,其中的每一個交互動作和界面元素應該以同樣的方式工作。

(1)鏈接直接在當前標簽頁打開或在新的標簽頁中打開(為每個鏈接選擇一個相同的打開方式)。

(2)按鈕自始至終采用相同的顏色。

(3)導航位置固定且選項不變。

(4)頁腳和側邊欄應持有一個特定的位置和大小(不應使頁腳在一個頁面上巨大而在另一個頁面很小)。

(5)所有圖標易于識別,且其指向符合用戶的預期。

(6)可點擊的元素應該總是可點擊的(如有鏈接的圖片)。

上班列出的這幾項展示了所有你在考慮用戶粘性和網站可用性時需注意的一些細節。一定要記住,如果你允許一個元素能執行一個動作,元素本身的樣式和交互動作就應該是統一的。

結論

設計上的一致性能夠創造出符合用戶心理模型的產品結構。它也能創建一個有助于提升產品可用性,用戶能夠理解并愿意與之交互的框架。

對每個項目來講,一致性開始于一些列的規則和樣式指南。即使你是單兵作戰,也一定要先創建出一套規則,指出在設計中該如何使用顏色、字體、尺寸、間距、界面元素以及交互動作等等。這種做法將會加快你的設計進程并讓你設計出更具可用性的好設計。


0
1
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區9號樓2層

版權信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      9000px;">

          日韩高清在线不卡| 亚洲va欧美va天堂v国产综合| 欧美色偷偷大香| 日韩一区二区麻豆国产| 国产xxx精品视频大全| 成人av资源在线| 精品系列免费在线观看| 国产高清不卡一区| 97精品电影院| 7777精品伊人久久久大香线蕉的 | 精品国产免费人成电影在线观看四季 | 国产一区二区三区久久悠悠色av| 91天堂素人约啪| 欧美不卡视频一区| 一区二区三区中文字幕在线观看| 精品一区二区三区免费视频| 欧洲一区二区三区免费视频| 国产色产综合色产在线视频| 国产夜色精品一区二区av| 亚洲第一精品在线| 国产精品99久久久久久似苏梦涵| 91精品欧美综合在线观看最新| 亚洲精品免费电影| 不卡的av电影| 久久久亚洲午夜电影| 免费成人美女在线观看| 欧美亚洲精品一区| 亚洲一区免费视频| 99久久国产综合精品色伊| 久久精品人人做人人综合| 激情成人午夜视频| 精品粉嫩超白一线天av| 日韩av网站免费在线| 91精品麻豆日日躁夜夜躁| 天堂久久一区二区三区| 51精品秘密在线观看| 亚洲国产另类精品专区| 在线免费观看成人短视频| 中文字幕中文字幕一区| 不卡一二三区首页| 国产精品久久久久久妇女6080| 韩国精品主播一区二区在线观看| 日韩一区二区三区观看| 欧美日韩亚洲国产综合| 1区2区3区国产精品| 精品一区二区免费视频| 免费观看久久久4p| 欧美色精品在线视频| 国产精品视频第一区| 久久99精品久久久| 日韩高清不卡一区二区三区| 亚洲三级理论片| 国产suv一区二区三区88区| 精品国产百合女同互慰| 亚洲成人7777| 欧美性极品少妇| 一区二区欧美在线观看| 91麻豆国产精品久久| 国产亚洲精品中文字幕| 国产麻豆成人精品| 久久久久久久av麻豆果冻| 日韩和的一区二区| 国产91精品一区二区麻豆网站| 国产精品福利在线播放| 不卡av在线网| 亚洲欧美日韩综合aⅴ视频| 成年人国产精品| 亚洲三级视频在线观看| 一本一道久久a久久精品| 亚洲精品videosex极品| 欧美日韩国产中文| 蜜臀91精品一区二区三区| 日韩精品影音先锋| 亚洲一区二区三区在线看| 色婷婷精品大视频在线蜜桃视频| 国产精品成人在线观看| 色综合av在线| 亚洲一区二区三区爽爽爽爽爽| 欧美视频三区在线播放| 午夜伦理一区二区| 欧美r级电影在线观看| 国产91精品一区二区麻豆网站| 1024成人网| 欧美三区在线视频| 日韩电影在线免费观看| 欧美丝袜自拍制服另类| 午夜欧美大尺度福利影院在线看| 欧美一区二区三区免费观看视频 | 精品一区二区综合| 久久欧美一区二区| 成人丝袜18视频在线观看| 欧美一区在线视频| 欧美日韩精品欧美日韩精品一综合 | 亚洲国产乱码最新视频 | 欧美日韩国产成人在线免费| 中文字幕欧美激情| av一本久道久久综合久久鬼色| 亚洲欧美另类久久久精品| 欧美日韩一区在线观看| 国产在线视视频有精品| 综合久久给合久久狠狠狠97色| 91精品蜜臀在线一区尤物| 成人在线视频一区二区| 天堂蜜桃91精品| 亚洲欧洲日产国码二区| 欧美精品少妇一区二区三区| 国产精品18久久久久| 一区二区三区免费| 久久久影视传媒| 福利91精品一区二区三区| 亚洲黄色在线视频| 2022国产精品视频| 成人av午夜影院| 亚洲最大色网站| 国产亚洲欧美日韩在线一区| 欧美猛男男办公室激情| 色94色欧美sute亚洲线路二| 亚洲a一区二区| 国产精品美女久久久久av爽李琼| 欧美日韩视频一区二区| 国产成人av电影在线观看| 午夜不卡在线视频| 国产精品情趣视频| 99久久综合99久久综合网站| 美女www一区二区| 亚洲一二三四在线| 国产精品美女久久久久久久久久久| 精品婷婷伊人一区三区三| 波多野洁衣一区| 狠狠色2019综合网| 日韩高清在线一区| 亚洲激情图片一区| 日韩毛片精品高清免费| 精品国产三级电影在线观看| 91视频免费播放| 国精产品一区一区三区mba桃花 | 久久天堂av综合合色蜜桃网| 欧美在线综合视频| 99精品在线观看视频| 国产精品99久久久久久久女警| 亚洲乱码国产乱码精品精的特点 | 欧美在线啊v一区| 91免费版在线| 成人性色生活片| 麻豆91小视频| 一区二区三区电影在线播| 国产精品成人免费| 99视频一区二区| 不卡一区中文字幕| heyzo一本久久综合| 粉嫩高潮美女一区二区三区 | 日韩极品在线观看| 亚洲国产精品一区二区www在线| 亚洲日本va在线观看| 亚洲品质自拍视频| 中文字幕一区在线观看视频| 国产欧美日韩另类视频免费观看| 国产日产欧美一区二区视频| 欧美激情一区二区三区四区| 国产日本一区二区| 欧美韩国日本综合| 色88888久久久久久影院野外| 91片在线免费观看| 欧美性感一类影片在线播放| 欧美男人的天堂一二区| 欧美一区二区三区白人| 日韩欧美自拍偷拍| 国产亚洲一区二区三区在线观看 | 免费一级片91| 国产在线国偷精品免费看| 国产.精品.日韩.另类.中文.在线.播放| 国内精品久久久久影院色| 国产精品天干天干在线综合| 久久精品男人天堂av| 国产精品美女久久久久aⅴ| 亚洲激情五月婷婷| 免费高清在线一区| 成人午夜大片免费观看| 日本高清无吗v一区| 欧美一二三区在线观看| 国产精品天天看| 欧美一区二区三级| 亚洲国产精品成人综合色在线婷婷| 国产精品久久久99| 亚洲一区在线看| 亚洲黄色小视频| 国产成人啪午夜精品网站男同| 一本到一区二区三区| 欧美电影一区二区| 欧美激情中文不卡| 亚洲午夜视频在线观看| 久久99精品国产91久久来源| 一本大道综合伊人精品热热| 制服丝袜中文字幕一区| 国产日韩在线不卡| 欧美日韩国产高清一区二区三区| jlzzjlzz亚洲日本少妇| 欧美福利视频导航| 亚洲国产精品传媒在线观看| 日韩激情一区二区|