1. UI設計規范的目的和規范組成分別是什么?

    2020-04-10 13:57發布

    想要制定出一套符合常規的設計規范,了解清楚設計規范的目的和規范的組成是至關重要的,小優給大家整理了UI設計規范的目的和規范的具體介紹,我們一起來學習:

    一、設計規范的目的

    ios和Android 都有其官方的設計規范文檔,那么為什么還需要建立自己的規范文檔?可以理解為官方文檔知識基礎的理論,他會告訴你百搭的穿衣搭配指南,但每個人的自身條件各不相同,當你想穿得個性,就需要定制一套自己的設計規范。

    同時建立一套詳細的設計規范有很多好處??梢詷淞⑵放仆?,讓品牌形成優良的穩定性和延續性。

    1、統一性

    從視覺的角度來說,產品有什么樣的視覺呈現和元素定義,都可以有共同遵循的標準。而且日后迭代和延續產品時,可以傳承品牌的思想和價值,較大限度地保證了視覺的統一性。

    2、協同性

    當需要多個UI設計師共同合作時,有一個既定的規則大家可以遵守,避免了各自設計尺度的不一致,降低了溝通成本。

    3、高效性

    規范中會提供詳細的設計組件方案,供設計人員直接調用,避免了重復設計,提高了工作效率。同時可以指導和配合上下游同事的工作。例如,開發、測試流程中對于界面呈現的理解。

    二、規范的組成

    1、全局圖形

    APP圖標、全局圖標。

    某些情況下 ,APP圖標上的圖形不便于做二次設計,可以考慮設計一款人物形象進行全局使用。例如,美歷應用的圖標是文字設計,二次設計難度較大,所以考慮設計了一個女孩的形象,在整個應用中貫穿使用。

    這個形象可以用在APP應用的加載界面、表情設計、圖標設計、無數據界面、引導畫面等需要用到圖形設計的地方使用。這樣會讓用戶覺得APP應用是完整統一的設計。

    2、調色板

    顏色

    確定了主色后,一般會根據這個主色設計一套調色板,調色板的意思就是一整套顏色庫,界面中使用到的顏色都在這個調色板中。一般調色板包含主色、輔色、點睛色和灰度色。

    常用控件:圖片、圖標、按鈕、單選、復選、表格、輸入框和下拉框。根據確認的主色設計相應的控件樣式。

    常用組件:加載頁面、翻頁、加載更多、頁面指示器、浮層反饋、信息提示、選項卡和導航欄。

    3、典型頁面

    APP的一級頁面。

    一級頁面指單擊APP導航欄所跳轉的主頁面,如首頁和個人中心頁。電商類應用的典型頁面還包括列表頁、產品詳情頁和購買頁。對這些重點頁面進行設計,可以較形象地表達各種控件擺放,以及空間布局等信息。

    三、圖標規范

    很多設計師以為UI設計就是設計圖標。雖然事實并非如此,但圖標的設計在整個UI設計中是比較基礎的一個環節。

    圖標與品牌標志一樣,在設計時都需要做適當的減法,應該盡量用簡約的線條去表達其含義,應該盡量避免出現線條結構過于復雜的設計,而且整體的圖標都需要保持風格一致,例如圖標的線條粗細、邊角弧度、圖標高度寬度比例、風格等等。

    特別是對于新人,所以大家一起來看看圖標設計的規范吧!

    1、像素對齊

    需要嚴格的做到像素對齊,尤其是在做較小尺寸的圖標時,如果不嚴格的遵循像素對齊,那最終的顯示效果就會出現問題。

    2、多用布爾運算

    在做圖標的時候,能用基本圖形進行布爾運算的時候,盡量不要使用鋼筆,這樣做的好處有如下幾點:

    讓你的圖標更加規范

    對圖形結構理解更加深刻

    后期更改形狀更加方便

    3、獨特的風格

    在做系列圖標的時候,一定要在前期給圖標設定一個風格及原則,使之看起來與眾不同。需要學習軟件的同學,大家可以搜索錦子會,去錦子會官網下載更多學習資源!如想要了解我的,請搜索羅錦,歡迎了解更多我的設計之路!

    在這里值得一提就是,我們在做線性圖標時,一定要保證描邊粗細相同、圓角相同,如果這些基礎的規則都沒有遵循,那也就談不上風格的統一、創新了。

    4、視覺大小統一

    在進行圖標設計的時候,我們會使用柵格輔助線來幫助我們更加嚴格謹慎,但一定不要被輔助線困住,學會靈活運用,保持視覺上的大小統一。

    在如今的APP設計環境當中,一些APP設計大牛都一直強調,設計師要為有品牌意識。那么,在圖標的設計中,我們也必須強調“品牌性”,簡單的說就是把品牌中的抽象的概念變成具象化的圖形,把品牌主副色調應用到圖標設計中。

    覺得對你有幫助的話給小優點個贊吧!



    日日摸夜夜添夜夜添无码,free性欧美极度另类,超清中文乱码字幕在线观看,真人美女两腿张开露PP图片