01
顏色
來源:教育聯(lián)展網 | 發(fā)布時間: | 編輯:佚名
UI設計發(fā)展到今天已經比較成熟,各種公司企業(yè)這個崗位也普遍被大家認可,可是這不代表現(xiàn)在的UI設計就是將來的UI設計。上次講到了UI設計師怎樣T型發(fā)展的前半部分,這次我們重點來講講視覺這塊。
蘇州高級UI設計師培訓多少錢
UI設計發(fā)展到今天已經比較成熟,各種公司企業(yè)這個崗位也普遍被大家認可,可是這不代表現(xiàn)在的UI設計就是將來的UI設計。上次講到了UI設計師怎樣T型發(fā)展的前半部分,這次我們重點來講講視覺這塊。
直接進入正題來講一些視覺方面的經驗及看法:
01
顏色
為了保持產品的整體品牌調性,我們將會使用一種主色調,兩種或三種輔色,但一般選擇兩種輔色,選擇同一色系或者鄰近的色系,比如主色是藍色,那么我們可以選擇臨近色系的淺藍和深藍做為輔色。再加上1-2種點睛色,用來高亮顯示,提醒用戶的作用,比如紅色,橙色,黃色等對比色。
02
字體
經過研究及多方證實,**利于閱讀的字號以及大部分人所覺得**舒適的字號大小是16px。那么,在同一個產品里,我們將用到除了頂部導航以外的3種字體大小,分別為正文16px,次要性文字14px,提示文字12px。對于10px文字小編建議盡量少的使用。字體的顏色也通常使用3個顏色便足以用于這個產品,深色,深灰色,以及淺色字體。
03
線條
線條所起的作用一個是分割內容,第二個是流引導,同樣的內容,用橫向線條或者豎向線條,用戶的瀏覽路徑將會發(fā)生變化,所以分割線在整個app里的所用也是不言而喻的,那么我們將分割線也可以定義1-2個層級的顏色,在移動端肉眼能識別即可,但注意不能太深,也不能太淺。
04
圖標
圖標能使整個app更生動,但是圖標有時候單獨存在又是個硬傷,對于一些抽象畫的字段圖標沒辦法更好的繪制出來的時候我們就需要進行圖文結合來描述。圖標使用的位置不同,大小也會不同,甚至風格也會迥異。
比如:微信底部標簽欄的圖標,和頂部導航欄的圖標粗細不同,風格也不同。但是不是一個app里就有很多風格的圖標,只要形成統(tǒng)一就行。一般圖標能分為線性和色塊兩種,線性圖標更輕盈,缺點是放大之后線條會變粗,且線性圖標沒有色塊圖標來的表意明確。
色塊圖標更直觀,且放大縮小不影響,可以用到iconfont里,圖標將成為一種字體,比較大程度優(yōu)化app的內存,缺點是信息較多時比較冗雜。
05
排版
排版對于一個頁面來說是****重要不過了,在交互稿上,交互已經大致區(qū)分出了信息的布局,這個時候我們視覺需要去進行“具像化”(或許前期交互就是你自己做的)。我們先將信息關聯(lián)度大的內容整合在一起,再根據(jù)內容的重要程度,以用戶的視覺流進行排布,當然這個只是正常的設計流程,凡事無絕對,要懂得變通。
再說一個小竅門,就是盡量保證信息元素之間的距離相等,除非為了區(qū)分兩個信息,間距一致會使整個頁面更美觀,當然我們考慮做頁面的時候不是能展示所有信息就是好設計,我們強調的是用戶體驗,那么用戶不希望一眼看去都是信息,這個時候我們需要做一些留白的設計或者信息的層級顯示。
做項目碰到的問題:
1.目前采用的標注方式使用sketch的插件marketch一鍵導出標注。
雖然不是很精確,但已經大大提高了工作效率。問題來了,開發(fā)到底看不看標注?很有意思的問題,其實只要項目緊他們一般不會看標注,等到邏輯寫完了,再來改UI的問題。
那么為了避免在頁面寫完后不做大的布局調整,做為視覺設計,應該在開發(fā)前期就和前端定義好布局的框架,交互,用自定義還是系統(tǒng)控件,否則等開發(fā)寫完你和開發(fā)說我要的效果不是這樣,但是開發(fā)說已經改不了了,再改就要很大的精力去重寫(當然也可能是開發(fā)想偷懶),這里必須說一下,其實為了你我他,UI設計必須要學前端代碼,否則開發(fā)隨便忽悠下你你就放棄了自己的立場,這完全是對自己,對產品不負責。
2.盡可能將頁面的狀態(tài)補全。
因為可能沒有交互,也可能交互的文檔原型沒有那么細致。比如你做完一個頁面發(fā)現(xiàn)所有字段都填滿了,整個頁面挺飽滿,這個時候測試的同學說了,這個字段后臺可能不返回,是空,那里也是空,這樣的頁面東邊少一塊,西邊少一塊還好看嗎?
3.適配的問題。
運營要做活動圖片,**后臺返回獲取到不是由前段添加,這時候我們需要定義一個比例,不同機型等比例縮放即可。
4.同時接到3個以上的需求怎么辦,拍優(yōu)先級?怎么排?
把內容少的,重要的部分先做,再做內容多的,重要的。**重要的還是老板重視的,必須先做!
5.能這個版本迭代掉的內容千萬不要放倒下一個版本,放著放著就沒了。
6.sketch的插件craft+dropbox的新組合用來制作app kit,能拖拽直接使用和編輯。
想了解更多關于蘇州UI設計培訓資料,請咨詢:
咨詢聯(lián)系方式:13861302024(楊老師)或者QQ:2589245390 還可以直接在線咨詢
更多關于蘇州UI設計培訓的信息請點擊>> 蘇州UI設計培訓
更多關于蘇州UI設計師培訓班的信息請點擊>> 蘇州UI設計師培訓
今日已有25人申請,本月限額500名