91网站免费观看-91网站免费看-91网站入口-91网站视频-91网站视频在线观看-91网站下载

SEARCH

關(guān)于我們

別讓設(shè)計了無新意

2016-08-17

早在2013年iOS7發(fā)布以來,扁平化設(shè)計就轟動了互聯(lián)網(wǎng)世界。從那以后,它就持續(xù)發(fā)揚光大,并且發(fā)展出數(shù)量驚人的變種。

  

  隨著帶有扁平化色彩的Google Material design規(guī)范的推出、卡片式設(shè)計的廣泛采用、還有排山倒海的極簡化趨勢——似乎在可預見的未來,扁平化設(shè)計會成為主宰風格。

  

  正如2015與2016年的網(wǎng)頁設(shè)計趨勢一書所描述的,扁平化設(shè)計正在進化:

  

  “初的扁平化設(shè)計是嚴格的扁平,極少有強調(diào),注重極簡設(shè)計。近來我們則看到了更多吸引眼球的元素,例如陰影與著色的暗示。盡管純粹的扁平主義者會反對,但設(shè)計圈接納了它,它與其他流行的設(shè)計模式能夠有效結(jié)合。”

  

  以往波瀾不興的風格發(fā)生突變,引發(fā)了一連串有趣的問題。

  

  如果它是如此的流行,那如何與眾不同地將它運用在自己作品中呢?你要的是扁平化設(shè)計,而不是平淡無奇。巧妙的運用,與粗劣的復制,這之間有何區(qū)別?

  

  本文講的正是這個。我們看看扁平化是如何進化的,怎樣能使你的設(shè)計引領(lǐng)潮流。

 

 

長投影

  

  我們所談論的設(shè)計應當是扁平的,但陰影能產(chǎn)生縱深感,雖然這似乎有點違反直覺。

  

  但這些細微元素能為設(shè)計增添一絲情調(diào),又不至于太引人注目。實際上,他們?nèi)匀豢梢运阕髁舭椎囊徊糠?,雖然他們從技術(shù)上說確實是一種視覺元素。

  

  畢竟,沒有光哪來陰影?

  

  更重要的是,長投影為畫面增加了一種反差元素,使得整個視覺體驗變得有吸引力。要達到想要的效果,甚至投影都不必那么長。

  

  請看:

  08f456f8995b32f875a94402ffa1.jpg

圖片來源:Kikk.be

  

  柔和的色彩和短投影呈現(xiàn)出一種美妙的視覺元素,并不會搶了頁面導航和主要信息的風頭。請留意這些陰影如何令畫面明亮起來。也使得圖像仿佛脫離了頁面。投影、扁平化的內(nèi)容區(qū)域、還有柔和色彩這三者的結(jié)合,與網(wǎng)站上的動畫元素融合得非常好。

  

  說到顏色,應該很容易引出我們下一項扁平化特性。

  

 

  色彩運用:鮮明色彩與輔助色

  

  色彩是扁平化設(shè)計的重要能力之一。

  

  明亮、積極的色調(diào),成就了許多扁平化的設(shè)計,用以彌補視覺表現(xiàn)力上的欠缺。扁平化設(shè)計中的投影裝飾,看起來躍然紙上,為設(shè)計增添了鮮活和動感。這與其他動態(tài)視覺元素能夠很好配合,例如視覺差滾動和CSS動畫。

 

  

362956f8997232f875a944e4c3ae.jpg

  

  圖片來源:Spotify

  

  而且,這些明亮的色彩能作為一種輔助色,用在柔和的背景上。這似乎成為了一種標準的未來趨勢。就像這樣:

  

83b256f899bd6ac7257948549481.jpg

  

  圖片來源:Takeit

  

  深色背景上的亮色圖片絕對足夠給人留下深刻印象。強烈對比的視覺元素,更是與如今的扁平化趨勢形成完美的配合。通過簡單或夸張的手法來突出事物,其中也包括字體。

  

c95856f899cd32f875a944be2728.jpg

 

  

  簡單/夸張的字體

  

  如今的“扁平”字體通常由單一字體組成,或者是兩種非常接近的字體。這一點造就了易讀、易辨識且默默無聞的字體。這正是關(guān)鍵所在。

  

  你不希望字體分散注意力。如果字母帶有過多的風格與個性,就會阻礙用戶的閱讀流程。

  

058156f899dd32f875a944b8c5ea.jpg

  

  圖片來源:Cienne

  

  好的做法是“隱形的設(shè)計”,換句話說,就是做出讓用戶不會注意到的設(shè)計。因為每當他們留意設(shè)計,就會喪失沉浸式的體驗。

  

  當然,你也可以走另一個極端。在處理極簡式界面時,你得調(diào)整所加入的元素。在空白背景上使用大的粗體字,可以為界面的文案營造出獨特的語境。如果界面沒有其他任何視覺元素,你就必須呈現(xiàn)出某種美感,而且能用的也只有字體和顏色。

  

60a956f899ec32f875a944d8adf7.jpg

  

  圖片來源:Truthlabs

  

 

  幽靈按鈕

  

  要做到漫不經(jīng)心——甚至如空氣般透明——那我們就得花點功夫來談談幽靈按鈕。

  

  你能一眼就找出下圖中的幽靈按鈕嗎?它們并不顯眼,這正是關(guān)鍵。透明按鈕給用戶一種暗示,導航項未必會從下層的視覺重點上搶奪注意力。

  

898956f899f932f875a94466a284.jpg

  

 

  結(jié)論

  

  總而言之,扁平化設(shè)計的元素與其演化的成果,全在于吸引注意力。

  

  無論是使用浮夸的背景或焦點圖等視覺元素,還是極力克制,只用文字或?qū)Ш教崾?mdash;—背后思想都是相同的。使用少量元素,按照極簡方式排布,在頁面上創(chuàng)造出對比,正確引導用戶的注意力。

  

  扁平化是潮流中的先行者。究其原因,是因為設(shè)計師能夠通過各種方式,在簡單的界面內(nèi)體現(xiàn)多層次的復雜性。

  

  我預料扁平化設(shè)計會作為一種趨勢,求新求變,持續(xù)演進。同時保持核心的簡潔,使它引領(lǐng)潮流。

  

  要了解更多扁平化設(shè)計與其他優(yōu)秀的網(wǎng)頁設(shè)計趨勢,請看這本180頁的2015與2016年的網(wǎng)頁設(shè)計趨勢。

  

  原文鏈接:http://studio.uxpin.com/blog/how-to-prevent-flat-designs-from-falling-flat/
 
      轉(zhuǎn)載:站酷網(wǎng)
 

 

夸米簡介: 夸米科技,我們致力于打造以量身創(chuàng)意為核心的建站與設(shè)計,我們服務全國3000家客戶,是國內(nèi)建站的領(lǐng)導性品牌。我們提供定制級高端網(wǎng)站建設(shè),手機APP,響應式網(wǎng)站,微網(wǎng)站設(shè)計,手機網(wǎng)站等解決方案.全國服務熱線:18336335289

 


每天,熙熙攘攘的人群里 

大部分對夢想的熱度只有三分鐘 

只有極少數(shù)的人 

堅持閃耀自己微弱卻不凡的光芒 

他們,都聚集在了這里——  

掃描,關(guān)注我們吧 

丨夸米科技

咨詢直線:186-2370-8562  官方網(wǎng)站:www.oceantechmarket.com.cn

?
LOGO

地址

重慶市渝北區(qū)金開大道西段106號創(chuàng)新科技園區(qū)3座4樓

鄭州市中原區(qū)電廠西路西三環(huán)交叉口大學科技園東區(qū)15E

聯(lián)系

400-966-3016
lihao_web@163.com
Copyright@2021 重慶夸米網(wǎng)絡(luò)科技有限公司 版權(quán)所有 備案號:渝ICP備16002041號-2 站點已申請專利保護 盜版必究 法律支持:河南律師服務中心
多一份參考,總有益處
聯(lián)系夸米,免費獲得《策劃方案》及報價
高端網(wǎng)站建設(shè) | 響應式網(wǎng)站 | 企業(yè)官網(wǎng) | 營銷網(wǎng)站 | UI設(shè)計 | 小程序開發(fā) | APP開發(fā) | 品牌設(shè)計 | 網(wǎng)絡(luò)營銷推廣
業(yè)務熱線:400-966-3016
QQ咨詢
稍后再說
主站蜘蛛池模板: 国产精品国语刺激对白在线观看 | 无码人妻精品秘一区二区 | 国产美女一 | 91九色私密保健 | 欧美综合自拍亚洲综合图区 | 人妻人人澡人人添人人爽人人玩 | 亚洲精品久 | 国产精品自在欧美一 | 91亚洲中文天堂在线播放 | 无码任你躁久久久久久久 | 成人亚洲综合天堂 | 中字幕视频在线永久在线 | 一区二区三区四区国产免费 | 日本视频高清一区二区三区 | 99精品一区二区三区无码吞精 | 日韩中文字幕久久 | 亚洲熟妇ⅴ无码一区二区 | 国产放荡 | 精品国产乱码久久久久久软件 | 四虎成人精品永久免费av | 亚洲精品电影院 | 国产综合内射日韩久 | 天美传媒与蜜桃传媒强强联手 | 日本高清免费不卡在线播放 | 亚洲欧美韩日一区二区 | 色欲av蜜臀一区二区三区多人 | 国产精品资源网站在线观看 | a片在线 | 亚洲av片不卡无码天堂 | 亚洲国产精品成人一区 | 欧美日本亚欧在线观看 | 亚洲av中文无| 精品国产成人a区在线观看 精品国产成人t | 中文字幕日韩人妻不卡一区 | 国产精品一区二区三区99性 | 亚洲精品国产成人99久久 | 91剧情国产极品高跟丝袜 | 国产精品三级在线看免费看 | 91麻豆国产精品91久久久 | 2025最新久久久视精品爱 | 国产日韩精品一区二 |