軟件界面設(shè)計(jì)守則之美觀與協(xié)調(diào)性的詳細(xì)細(xì)則

2016-11-4    ui設(shè)計(jì)分享達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

界面設(shè)計(jì)的風(fēng)格,色彩應(yīng)基于公司的VI手冊(cè),形成自己獨(dú)特的品牌風(fēng)格;另外,頁(yè)面元素應(yīng)該大小適合美學(xué)觀點(diǎn),感覺(jué)協(xié)調(diào)舒適,能在有效的范圍內(nèi)吸引用戶(hù)的注意力。那么美觀性和協(xié)調(diào)性的細(xì)則有哪些呢?

1.長(zhǎng)寬接近黃金點(diǎn)比例,切忌長(zhǎng)寬比例失調(diào)。
2.布局要合理,不宜過(guò)于密集,也不能過(guò)于空曠,合理的利用空間。
3.切忌使用高立體感的界面,按鈕等,使頁(yè)面看起來(lái)比較粗糙。
4.按鈕大小基本相近,忌用太長(zhǎng)的名稱(chēng),免得占用過(guò)多的界面位置。
5.按鈕的大小要與界面的大小和空間要協(xié)調(diào)。
6.避免空曠的界面上放置很大的按鈕。
7.放置完控件后界面不應(yīng)有很大的空缺位置。
8.字體的大小要與界面的大小比例協(xié)調(diào), 通常使用的字體中宋體9-12較為美觀,很少使用超過(guò)12號(hào)的字體。
9.前景與背景色搭配合理協(xié)調(diào),反差不宜太大,最好少用深色,如大紅、大綠等。常用色考慮使用Windows界面色調(diào)。
10.切忌使用過(guò)多的顏色搭配。
11.切忌使用大面積的冷色調(diào)和暖色調(diào)搭配;灰色調(diào)適合和任何顏色搭配。
12.如果使用其他顏色,主色要柔和,具有親和力,堅(jiān)決杜絕刺目的過(guò)艷的顏色。
13.大型系統(tǒng)常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。
14.界面風(fēng)格要保持一致,字的大小、顏色、字體要相同,除非是需要藝術(shù)處理或有特殊要求的地方。
15.如果窗體支持最小化和最大化或放大時(shí),窗體上的控件也要隨著窗體而縮放;切忌只放大窗體而忽略控件的縮放。
16.對(duì)于含有按鈕的界面一般不應(yīng)該支持縮放,即右上角只有關(guān)閉功能。
17.通常父窗體支持縮放時(shí),子窗體沒(méi)有必要縮放。
18.如果能給用戶(hù)提供自定義界面風(fēng)格則更好,由用戶(hù)自己選擇顏色、字體等。

軟件界面設(shè)計(jì)過(guò)程中,只有把握好美觀性和協(xié)調(diào)性,也就抓住了用戶(hù)的眼球,給用戶(hù)留下了好的第一印象。因此,美觀與協(xié)調(diào)性至關(guān)重要。

 藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù) 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔