2014-3-20 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來源:http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
一千個(gè)設(shè)計(jì)師有一千種方法讓他們的網(wǎng)頁(yè)設(shè)計(jì)深入人心,如今正興起的剪貼風(fēng)格也正加入到這一千的行列里。如何讓你的剪貼設(shè)計(jì)更加吸引眼球,更加穩(wěn)重大方,則是UI設(shè)計(jì)師們需要克服重重困難去實(shí)現(xiàn)的。
現(xiàn)實(shí)生活中的剪貼藝術(shù)類似許久以前的剪報(bào)習(xí)慣:將照片或者印刷媒介上的新聞剪下并貼于筆記本上。然而在網(wǎng)頁(yè)設(shè)計(jì)中的實(shí)現(xiàn)則需要用到紙質(zhì)紋理,不規(guī)則背景圖形,疊加圖層等素材,再輔以學(xué)院風(fēng)文字和涂鴉,網(wǎng)頁(yè)的整體就會(huì)顯得更加高端有層次感。當(dāng)然如果你使用過時(shí)的素材,這樣的組合也會(huì)帶來負(fù)面效果。所以使用如今的流行元素,甚至可以嘗試當(dāng)下流行的扁平化界面設(shè)計(jì),將會(huì)使你的作品更加具有對(duì)比性。
Helmy Bern將各式厚卡紙紋理拼接在一起,使整體更具厚重感。
Putzengel的界面設(shè)計(jì)穩(wěn)重且不失優(yōu)雅,每一個(gè)部分都用不同的圖層來表示,使整體顯得干凈利落。
Sadowski Berlin在厚紙板紋理上重組了標(biāo)簽和LOGO的排放,使網(wǎng)頁(yè)更有層次感。
Pati and Felipe利用天空藍(lán)做背景并配以剪貼圖,一次展現(xiàn)他們的愛情故事。
Sanissimo利用手工剪貼藝術(shù)展現(xiàn)了一個(gè)網(wǎng)站設(shè)計(jì)的層次感。
Portlandia利用抽象圖做背景,幾何圖形做前景模仿學(xué)院風(fēng)格,更具沖擊力。
Elaine Fisher遵循傳統(tǒng)的剪貼風(fēng)格將圖片疊加在一起,配以水彩效果背景圖和類標(biāo)簽的菜單導(dǎo)航。
Ellecta Interactive將學(xué)院風(fēng)背景作為裝飾元素,每一頁(yè)都展現(xiàn)這不同的風(fēng)格。
Sourcebits TangledDecals集合了各類登陸頁(yè)面風(fēng)格,使其看起來更具質(zhì)感。
Two years together又一個(gè)講述愛情故事的網(wǎng)站,于之前不同的是,他將我們帶到云的彼端,配上了更多象征愛情的圖片。
Cosentino收集了高質(zhì)量專業(yè)相片,并將他們拼貼在一起。
Brokedesign配上參差不齊的大圖背景和帶折角的搶眼的主元素,使整體看起來有些雜亂。
Le Moderne利用剪紙藝術(shù)突出了主體元素。
Wostok利用一張紙質(zhì)背景圖層制造了多層次的表現(xiàn)效果。
Jeans Box 將牛仔褲作為主打風(fēng)格,采用不同織物面料(你可以在任何一條美式牛仔褲上找到這些面料),作為網(wǎng)站設(shè)計(jì)的基本背景元素。
Ralph Van Rentergem很有創(chuàng)意得利用圓盤效果將剪貼風(fēng)格結(jié)合在一起。
Vivelegibierdeau沿襲了傳統(tǒng)剪貼風(fēng)格界面設(shè)計(jì),將圖像元素躍然紙上。
BarCamp的頭部元素清晰簡(jiǎn)潔,你會(huì)被這樣一個(gè)LOGO設(shè)計(jì)吸引住。
Maryland Craft Beer Festival利用暖黃色的紋理UI設(shè)計(jì)吸引用戶,整體排版清楚明了。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.teruid.com