杭州it培訓
達內杭州it培訓中心

13732203138

熱門課程

UI設計師如何做好T型發展

  • 時間:2019-08-08 13:46
  • 發布:轉載
  • 來源:網絡

UI設計師如何做好T型發展呢?接下來本文就為大家分享一些視覺方面的經驗及看法,一起來看看吧。

UI設計師怎么T型發展呢

01、顏色

為了保持產品的整體品牌調性,我們將會使用一種主色調,兩種或三種輔色,但一般選擇兩種輔色,選擇同一色系或者鄰近的色系,比如主色是藍色,那么我們可以選擇臨近色系的淺藍和深藍做為輔色。再加上1-2種點睛色,用來高亮顯示,提醒用戶的作用,比如紅色,橙色,黃色等對比色。

02、字體

經過研究及多方證實,最利于閱讀的字號以及大部分人所覺得最舒適的字號大小是16px。那么,在同一個產品里,我們將用到除了頂部導航以外的3種字體大小,分別為正文16px,次要性文字14px,提示文字12px。對于10px文字小編建議盡量少的使用。字體的顏色也通常使用3個顏色便足以用于這個產品,深色,深灰色,以及淺色字體。

03、線條

線條所起的作用一個是分割內容,第二個是流引導,同樣的內容,用橫向線條或者豎向線條,用戶的瀏覽路徑將會發生變化,所以分割線在整個app里的所用也是不言而喻的,那么我們將分割線也可以定義1-2個層級的顏色,在移動端肉眼能識別即可,但注意不能太深,也不能太淺。

04、圖標

圖標能使整個app更生動,但是圖標有時候單獨存在又是個硬傷,對于一些抽象畫的字段圖標沒辦法更好的繪制出來的時候我們就需要進行圖文結合來描述。圖標使用的位置不同,大小也會不同,甚至風格也會迥異。

比如:微信底部標簽欄的圖標,和頂部導航欄的圖標粗細不同,風格也不同。但是不是一個app里就有很多風格的圖標,只要形成統一就行。一般圖標能分為線性和色塊兩種,線性圖標更輕盈,缺點是放大之后線條會變粗,且線性圖標沒有色塊圖標來的表意明確。色塊圖標更直觀,且放大縮小不影響,可以用到iconfont里,圖標將成為一種字體,比較大程度優化app的內存,缺點是信息較多時比較冗雜。

05、排版

排版對于一個頁面來說是最最重要不過了,在交互稿上,交互已經大致區分出了信息的布局,這個時候我們視覺需要去進行“具像化”(或許前期交互就是你自己做的)。我們先將信息關聯度大的內容整合在一起,再根據內容的重要程度,以用戶的視覺流進行排布,當然這個只是正常的設計流程,凡事無絕對,要懂得變通。

再說一個小竅門,就是盡量保證信息元素之間的距離相等,除非為了區分兩個信息,間距一致會使整個頁面更美觀,當然我們考慮做頁面的時候不是能展示所有信息就是好設計,我們強調的是用戶體驗,那么用戶不希望一眼看去都是信息,這個時候我們需要做一些留白的設計或者信息的層級顯示。

以上就是本文為大家分享的UI設計師如何做好T型發展的文章,希望對大家有所幫助。

預約申請免費試聽課

怕錢不夠?就業掙錢后再付學費!    怕學不會?從入學起,達內定制課程!     擔心就業?達內多家實踐企業供你挑選!

上一篇:UI設計需要學習什么基礎知識?
下一篇:職場小白如何順利完成一個新項目

如何看待培訓班畢業的UI設計師

選擇城市和中心
江西省

貴州省

廣西省

海南省

中国老太卖婬