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