你好,歡迎來到川北在線
微信
騰訊微博
新浪微博
卓新智趣技術(shù)專家分享扁平化UI設(shè)計(jì)五大技巧
時間:2017-03-21 17:14   來源:中華網(wǎng)   責(zé)任編輯:青青
  原標(biāo)題:卓新智趣技術(shù)專家分享扁平化UI設(shè)計(jì)五大技巧
 
  喜歡UI設(shè)計(jì)方面的朋友一定都知道扁平化UI設(shè)計(jì),現(xiàn)在的人們崇尚極簡主義,簡約風(fēng)格等等,而扁平化,則是集這些元素的一種設(shè)計(jì)風(fēng)格。上海尚觀科技小編今天給大家分享關(guān)于扁平化UI設(shè)計(jì)的幾個技巧,需要的大家可以參考一下。
 
  關(guān)于扁平化UI設(shè)計(jì)的幾個技巧
  技巧一:用多種色塊進(jìn)行組合
 
  用色塊組合出的圖案,我們可以稱呼為“似扁平化”,雖然它具有一定的深度,但是仍然會給我們的UI設(shè)計(jì)帶來簡約優(yōu)美的感覺。
 
  技巧二:利用飽和度制造扁平化的立體感
 
  純粹的扁平化很容易讓人覺得單調(diào)枯燥,而我們依舊可以給扁平化的圖標(biāo)制造那么一點(diǎn)立體感,基本上可以用不同飽和度的相同色調(diào)的色塊進(jìn)行一個光暗面的對比,來營造出一種立體感。
 
  技巧三:高光漸變與投影的變化
 
  大部分網(wǎng)絡(luò)自學(xué)教程都會提到扁平化風(fēng)格的三個要素,就是no高光、no漸變、no陰影。我們既然要扁平化,就不能讓設(shè)計(jì)看起來有厚度,因此我們應(yīng)該去掉的是帶有過渡的顏色漸變,因?yàn)闈u變會使圖像看起來具有厚度感。
 
  技巧四:色塊之間的搭配
 
  我們可以用各種基礎(chǔ)形狀組合出更多其他的形狀,但是上海尚觀科技不建議大家超過三種不同的基礎(chǔ)形狀組合,過于復(fù)雜的形狀會讓我們的UI設(shè)計(jì)不夠扁平。
 
  技巧五:選擇無襯線字體
 
  在我們選擇字體的時候,務(wù)必選擇無襯線的字體,例如微軟雅黑,黑體,幼圓等等。

   投稿郵箱:chuanbeiol@163.com   詳情請?jiān)L問川北在線:http://m.fishbao.com.cn/

川北在線-川北全搜索版權(quán)與免責(zé)聲明
①凡注明"來源:XXX(非在線)"的作品,均轉(zhuǎn)載自其它媒體,轉(zhuǎn)載目的在于傳遞更多信息,并不代表本網(wǎng)贊同其觀點(diǎn)和對其真實(shí)性負(fù)責(zé),本網(wǎng)不承擔(dān)此類稿件侵權(quán)行為的連帶責(zé)任。
②本站所載之信息僅為網(wǎng)民提供參考之用,不構(gòu)成任何投資建議,文章觀點(diǎn)不代表本站立場,其真實(shí)性由作者或稿源方負(fù)責(zé),本站信息接受廣大網(wǎng)民的監(jiān)督、投訴、批評。
③本站轉(zhuǎn)載純粹出于為網(wǎng)民傳遞更多信息之目的,本站不原創(chuàng)、不存儲視頻,所有視頻均分享自其他視頻分享網(wǎng)站,如涉及到您的版權(quán)問題,請與本網(wǎng)聯(lián)系,我站將及時進(jìn)行刪除處理。



圖庫
合作媒體
金寵物 綠植迷
法律顧問:ITLAW-莊毅雄律師