卓新智趣技術(shù)專家分享扁平化UI設(shè)計五大技巧
時間:2017-03-21 17:14 來源:中華網(wǎng) 責任編輯:青青
原標題:卓新智趣技術(shù)專家分享扁平化UI設(shè)計五大技巧
喜歡UI設(shè)計方面的朋友一定都知道扁平化UI設(shè)計,現(xiàn)在的人們崇尚極簡主義,簡約風格等等,而扁平化,則是集這些元素的一種設(shè)計風格。上海尚觀科技小編今天給大家分享關(guān)于扁平化UI設(shè)計的幾個技巧,需要的大家可以參考一下。
關(guān)于扁平化UI設(shè)計的幾個技巧
技巧一:用多種色塊進行組合
用色塊組合出的圖案,我們可以稱呼為“似扁平化”,雖然它具有一定的深度,但是仍然會給我們的UI設(shè)計帶來簡約優(yōu)美的感覺。
技巧二:利用飽和度制造扁平化的立體感
純粹的扁平化很容易讓人覺得單調(diào)枯燥,而我們依舊可以給扁平化的圖標制造那么一點立體感,基本上可以用不同飽和度的相同色調(diào)的色塊進行一個光暗面的對比,來營造出一種立體感。
技巧三:高光漸變與投影的變化
大部分網(wǎng)絡(luò)自學教程都會提到扁平化風格的三個要素,就是no高光、no漸變、no陰影。我們既然要扁平化,就不能讓設(shè)計看起來有厚度,因此我們應(yīng)該去掉的是帶有過渡的顏色漸變,因為漸變會使圖像看起來具有厚度感。
技巧四:色塊之間的搭配
我們可以用各種基礎(chǔ)形狀組合出更多其他的形狀,但是上海尚觀科技不建議大家超過三種不同的基礎(chǔ)形狀組合,過于復雜的形狀會讓我們的UI設(shè)計不夠扁平。
技巧五:選擇無襯線字體
在我們選擇字體的時候,務(wù)必選擇無襯線的字體,例如微軟雅黑,黑體,幼圓等等。
投稿郵箱:chuanbeiol@163.com 詳情請訪問川北在線:http://sanmuled.cn/
①凡注明"來源:XXX(非在線)"的作品,均轉(zhuǎn)載自其它媒體,轉(zhuǎn)載目的在于傳遞更多信息,并不代表本網(wǎng)贊同其觀點和對其真實性負責,本網(wǎng)不承擔此類稿件侵權(quán)行為的連帶責任。
②本站所載之信息僅為網(wǎng)民提供參考之用,不構(gòu)成任何投資建議,文章觀點不代表本站立場,其真實性由作者或稿源方負責,本站信息接受廣大網(wǎng)民的監(jiān)督、投訴、批評。
③本站轉(zhuǎn)載純粹出于為網(wǎng)民傳遞更多信息之目的,本站不原創(chuàng)、不存儲視頻,所有視頻均分享自其他視頻分享網(wǎng)站,如涉及到您的版權(quán)問題,請與本網(wǎng)聯(lián)系,我站將及時進行刪除處理。