UI設計培訓哪里有?UI設計培訓哪家強?
UI設計培訓哪里有?UI設計培訓哪家強?
04 . 何為形?
形,決定著整個產品線的調性,能直接將產品所蘊含的情感文化通過視覺表現傳達給給用戶。無論是按鈕的圓角比例,還是圖標的統一性,都是形的重要組成部分。而在UI界面設計中圖形更多的體現在圖標及按鈕上,這里可以嘗試這樣來提升形的統一感。
要素一:統一的icon風格
在圖標設計中,首先要把控好icon視覺語言的核心,以較為常見的線性圖標為例,其中就包括著 :描邊線寬、圓角、斷點方式、點綴、顏色填充類型、圖標重心。像這些,都是需要進行統一規范化。如果你是剛入門的設計師,對圖標這塊不擅長,可以去圖標網站如iconfont上找相關圖標進行參考,再根據自己的想法進行繪制。這里的繪制教程可以參考我之前的一期 ,UI中國搜索《圖標中的那些小技巧》即可找到。
要素二:統一的圖形元素
圖形也是一個尤為重要的元素,直接決定著一個企業的品牌形象。在界面設計中使用品牌圖形能讓用戶牢記品牌形象,讓產品快速搶占市場,提高用戶比。如天貓、京東、QQ、網易云等優秀產品,在這塊就運用的非常巧妙。天貓使用了大量貓頭的形象,而網易云,則提取了唱片的元素,整個圖標風格,都使用了較為圓潤的造型。
05 . 何為色?
色,往往是人感官中留下的第一印象。想要合理的運用顏色,其實并不容易。其實在界面設計中,對于選擇配色方案,就好像比穿衣服一樣,顏色越多越花哨,整個檔次感覺越low。跟傳統的空間設計一樣,在大部分界面設計中,一般使用三種顏色就夠了,除非設計師擁有者非常高的配色駕馭能力,不其然整個頁面都會顯得較為花哨,影響信息傳遞。下面,我們可以使用兩個小技巧,來幫助你提升配色的能力。
技巧一:使用情緒板決定主色調
設計師往往在做界面設計時,都是感性的,往往難以支撐各樣的質疑。那么通過場景關鍵詞,收集相應的圖片素材,使用情緒板來創建顏色,能更好幫助設計師完成對產品情緒的理解,同時提高工作效率流程,并且能讓界面設計更符合用戶的預期,完成產品目標需求。設計出來的方案也更具有說服力,能更好的幫助設計師拿到產品視覺設計的主導權。
技巧二:六三一原則
所謂的六三一原則就是在空間設計中,通常主色調占60%,輔助色占30,突出色占10%。其實在界面設計中也是一樣的,設計稿中顏色不宜過多,不同色系*好不要超過三種。如果對色系不能很好理解的同學,我這邊給個辦法、就像當初學畫畫,瞇著眼睛看即可看出其主要色調。但如果一個大型圖案的個別色塊很大的話,同樣得視為一種色。
06 . 何為字?
字,字體的形狀及樣式會直接影響到信息傳遞的速度。所以根據不同的場景,使用不同的字體樣式也是極為重要的。因此對UI設計師而言,理解字體也是個必不可缺的技能。這里也給大家提供幾個小技巧,幫助大家提升對字體的理解能力。
技巧一:合理的使用字體樣式
在做界面設計時,永遠要把內容的可讀性放在首位,其次再去考慮其它樣式。根據不同的業務模式,選擇不同的字體,可以讓頁面更容易達到用戶的心理預期。如襯線字與無襯線字,所傳遞出來的感受也是有著較大區別的,一般而言,需要強調的文字或者小篇文字中,使用無襯線字會更合適一些。而在一些長篇文章中,使用襯線體則會更容易閱讀。如在網頁設計中,*小的11號字體使用襯線體宋體,會比非襯線體的微軟雅黑更具有優勢。
技巧二:合理的使用字重
在單色環境中,使用不同的字重能更好的加強內容之間的呼應對比。減少過渡色階層級的使用,能使核心內容更為聚焦,減輕閱讀負擔。因此在界面設計中,使用較粗的字重來作為標題是較為合適的。在iOS11中,這樣的設計手法尤為多見。下圖我使用了不同的字重,很明顯,左邊的圖會更利于信息閱讀一些,因為層級的主次得到了很好的區分。因此大家在設計界面中,不妨把一些主標題加粗試試,或許有一些意想不到的效果。
技巧三:合理的控制字距
字距跟行距會直接影響到大排文字的閱讀性。標題的字間距要緊密,正文大排文字的字間距要稀疏一些。另外正文的行間距應該設置為字體大小的120%到150%之間。大家可以多進行一下嘗試,直到信息較容易識別閱讀為止。
總結
以上幾個大點,構成了一套較為完整的視覺語言。我們可以通過對以上這幾個點進行刻意練習,來熟練掌握這些基本知識。另外除了通過臨摹一些優秀的視覺作品,拿現有產品進行Redesign或者視覺改版都是一個較為不錯的選擇。提升自己的視覺設計水平,也并非一朝一夕之事,靠的也是不斷地積累,不斷學習。
學習路上是很艱辛的,慶幸是生活在了一個知識共享的年代,通過前人的經驗,我們得到了快速的成長!喝水不忘挖井人,寫下這篇文章,希望能幫助到正在不斷探索的設計師朋友。