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

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

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

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

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

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

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

分享本文至:

日歷

鏈接

個(gè)人資料

存檔