w
01. 先上神器
▲ 比如我最近在一個(gè)網(wǎng)站,想看看一些大背景圖片的靈感圖,那么直接點(diǎn)擊頂部Big Background Image這個(gè)按鈕,它就自動(dòng)幫我把這個(gè)風(fēng)格靈感篩選出來了,是不是很方便。
▲ 最近潘通新發(fā)布的2021年配色粉彩,我也想收集一些關(guān)于粉彩的設(shè)計(jì)靈感,那么點(diǎn)擊頂部的按鈕,他會(huì)自動(dòng)的幫你篩選出很多。
▲ 篩選后的靈感都是最新的,而且數(shù)量也很多,特別的方便。
▲ 比如我想找一個(gè)極簡(jiǎn)的設(shè)計(jì),一些黑白設(shè)計(jì),同樣可以快速篩選出來,是不是很方便高效。
這個(gè)網(wǎng)站里有很多高質(zhì)量的靈感圖片,已經(jīng)幫大家下載好了,需要的話可以添加叮當(dāng)貓回復(fù)“圖庫”領(lǐng)取,已有叮當(dāng)貓的無需重復(fù)添加。
長(zhǎng)按掃碼添加叮當(dāng)貓回復(fù):圖庫
w
02. 怎么使用
▲ 這個(gè)網(wǎng)站用起來很簡(jiǎn)單,首頁進(jìn)入后,默認(rèn)是最新的靈感趨勢(shì),不得不說godly這個(gè)網(wǎng)站主編審美非常贊,每個(gè)設(shè)計(jì)都是最新的設(shè)計(jì)方向和靈感。
▲ 包括最近流行的液態(tài)水滴效果,都是高清大圖演示,你根本不需要點(diǎn)進(jìn)去網(wǎng)站,直接這里就可以看見最新的設(shè)計(jì)。那么我是怎么運(yùn)用這個(gè)網(wǎng)站的?
▍1.根據(jù)風(fēng)格找圖
▲ 這個(gè)是最常用的,點(diǎn)進(jìn)去首頁,下面一行標(biāo)簽,這里面標(biāo)簽就是各個(gè)設(shè)計(jì)風(fēng)格關(guān)鍵詞。當(dāng)然英文不好,你可以用谷歌自帶的翻譯功能,翻譯的明明白白。
▲ 比如我想找暗黑風(fēng)格的,那么點(diǎn)擊黑暗標(biāo)簽,就都是黑暗風(fēng)格的頁面設(shè)計(jì)。
▲ 比如點(diǎn)擊網(wǎng)格,那么出來的都是非常有設(shè)計(jì)秩序的,網(wǎng)格感非常強(qiáng)的設(shè)計(jì),隨便點(diǎn)擊一個(gè)進(jìn)去看看。
▲ 模塊感非常強(qiáng),如果你今天想做一個(gè)雜志感,這種布局就可以參考。當(dāng)然最強(qiáng)大的是導(dǎo)航里面有個(gè)More。
▍2.根據(jù)字體找圖
▲ 這里是全部分類,里面有根據(jù)設(shè)計(jì)風(fēng)格分類,比如大背景圖、黑白、網(wǎng)格、粉彩等風(fēng)格。同時(shí)也有按照流行字體風(fēng)格分類,比如Helvetica Neue、Roboto等知名字體。同時(shí)分類還有各種數(shù)字海洋、亞馬遜等,總之非常豐富。我們來試試。
▲ 我點(diǎn)擊了Helvetica Neue這個(gè)分類,那么就看見了全部使用Helvetica Neue字體的網(wǎng)站,每個(gè)網(wǎng)站的字體運(yùn)用細(xì)節(jié)、排版和版式都可以參考。
▲ 都是特別好的案例,而且你能看見這些字體都是搭配什么樣的字體在使用。
▲ 點(diǎn)擊Netlify就都是非常抽象的圖形風(fēng)格,總之這個(gè)網(wǎng)站有很多點(diǎn)值得我們?nèi)ヌ剿鳌?/span>
▍3.根據(jù)圖片找圖
▲ 比如最近做一個(gè)需求,想了解下孟菲斯風(fēng)格,那么我找到了這張圖,都是視頻錄制好了,非常高清。
▲ 點(diǎn)進(jìn)去都是高清,并且?guī)в袆?dòng)態(tài)演示,并且每個(gè)頁面都是高清大圖。
▲ 頁面的縮略圖非常大,因此你可以很輕松找到你喜歡的圖并且更好的查看很多細(xì)節(jié)。單擊一個(gè)圖片就可以看見更大的尺寸,點(diǎn)進(jìn)去可以看見這個(gè)網(wǎng)站的全部標(biāo)簽。如上圖,我想看看3D風(fēng)格網(wǎng)站怎么設(shè)計(jì)的。
▲ 點(diǎn)進(jìn)去后,可以看見這個(gè)設(shè)計(jì)的詳細(xì)大圖,同時(shí)還可以看見很多標(biāo)簽。這個(gè)標(biāo)簽代表它在的分類,隨便點(diǎn)進(jìn)去一個(gè)分類,就可以看見全部類似這樣的設(shè)計(jì)。因?yàn)檫@個(gè)靈感是3D,因此我點(diǎn)了3D,然后進(jìn)去都是一些很酷炫的3D靈感。
▲ 質(zhì)量怎么樣?你們自己說了算,每個(gè)靈感都有完整的高清效果,還是動(dòng)態(tài)的。
▲ 比如這個(gè),是一個(gè)動(dòng)態(tài)的3D組成的英文單詞。所以這里可以基于一個(gè)圖片風(fēng)格找很多風(fēng)格。這個(gè)網(wǎng)站的魅力能讓我們更加專注于根據(jù)主題來看我們想要的東西。
w
原文地址:我們的設(shè)計(jì)日記(公眾號(hào))
轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》這應(yīng)該是近幾年,見過最牛逼的網(wǎng)站,可以按趨勢(shì)風(fēng)格找圖了!