首頁(yè)?>?知識(shí)?資訊?>?國(guó)外20個(gè)2018年新投資組合網(wǎng)站設(shè)計(jì)欣賞。?>?正文

國(guó)外20個(gè)2018年新投資組合網(wǎng)站設(shè)計(jì)欣賞。

2018/10/15 0:00:00 · 稿源:傳誠(chéng)信

我們所擁有的是一種平靜和舒緩的極簡(jiǎn)主義網(wǎng)站的混合物,這些網(wǎng)站被繽紛的顏色打斷,如果你還沒(méi)準(zhǔn)備好,可能會(huì)傷害你的眼睛一秒鐘。

注意:我根據(jù)他們對(duì)我的看法來(lái)評(píng)判這些網(wǎng)站。如果他們具有創(chuàng)造性和原創(chuàng)性,或者經(jīng)典但做得非常好,那對(duì)我來(lái)說(shuō)一切都很好。有時(shí),UX和可訪問(wèn)性受到影響。例如,許多這些網(wǎng)站設(shè)計(jì)依賴(lài)JavaScript來(lái)顯示其內(nèi)容;?這是一個(gè)壞主意?,孩子們。如果您發(fā)現(xiàn)自己喜歡的想法并希望適應(yīng)自己的網(wǎng)站,請(qǐng)記住以負(fù)責(zé)任的方式實(shí)施。

本文章翻譯自網(wǎng)絡(luò),內(nèi)容有偏差請(qǐng)諒解!

景觀

為了讓我們開(kāi)始,Landscape為我們帶來(lái)了幾乎經(jīng)典的極簡(jiǎn)主義設(shè)計(jì),帶有一些不對(duì)稱(chēng)的拼貼風(fēng)格布局。主頁(yè)上的(幸運(yùn)的是無(wú)聲的)精彩片段可能有點(diǎn)刺耳,但是能夠很好地展示他們作品中的驚人變化。

平臺(tái):?WordPress

01  - 風(fēng)景

路易斯安薩

繼續(xù)在“L”下,路易斯安薩有一個(gè)更大膽,甚至更多動(dòng)畫(huà)重量的網(wǎng)站,雖然動(dòng)畫(huà)在眼睛上更容易。設(shè)計(jì)中有一些“拼貼”,但它很輕松,很快就讓位于更典型的布局風(fēng)格,同時(shí)保持一切(字面上)移動(dòng)。我個(gè)人喜歡他們用這種顏色的方式。

平臺(tái):?JS App

02-Louis Ansa

嚴(yán)重的企業(yè)

嚴(yán)肅商務(wù)的標(biāo)志具有諷刺性的笑臉,因?yàn)樗?dāng)然有。他們甚至承諾“讓千禧一代愛(ài)上你的品牌”......但我會(huì)盡量不去反對(duì)他們。

不過(guò),我會(huì)說(shuō)他們擅長(zhǎng)品牌推廣。排版與一些小圖形元素相結(jié)合,使網(wǎng)站具有鮮明的個(gè)性,而布局和演示的多樣性則鼓勵(lì)對(duì)網(wǎng)站的探索。動(dòng)畫(huà)可以讓你從一個(gè)頁(yè)面到另一個(gè)頁(yè)面無(wú)縫地以一種我不能否認(rèn)我喜歡的方式。

平臺(tái):?Vue JS App

03,認(rèn)真的

芙蓉莫羅

Fleur Moreau是一個(gè)工作室,似乎是極簡(jiǎn)主義和現(xiàn)代化的學(xué)校用品。當(dāng)談到它時(shí),他們會(huì)做一些非常精密的工程,所以他們的網(wǎng)站反映了這種專(zhuān)業(yè)性,而不是采用你可能期望的各種顏色。對(duì)于銷(xiāo)售兒童必然會(huì)破壞的東西的網(wǎng)站來(lái)說(shuō),它看起來(lái)非常優(yōu)雅,而這主要是通過(guò)排版完成的。

平臺(tái):?Vue JS App

04,芙蓉

艾哈邁德·法克里

Ahmad Fakhry是一位室內(nèi)/家具設(shè)計(jì)師,所以他的網(wǎng)站可以說(shuō)是極簡(jiǎn)主義。讓我感到有趣的是,我是那些50/50分割網(wǎng)站布局的傻瓜,雖然這個(gè)適應(yīng),取決于哪個(gè)內(nèi)容在任何特定時(shí)刻都是優(yōu)先考慮的。最后一點(diǎn)是我喜歡看到的。

平臺(tái):靜態(tài)站點(diǎn)

05·艾哈邁德

阿黛爾貝茨

Adele Bates的產(chǎn)品組合之一就是將導(dǎo)航全部放在設(shè)計(jì)的邊緣。我通常不是粉絲,但有足夠的對(duì)比使其成功。

網(wǎng)站的其余部分甚至是專(zhuān)門(mén)用于隨時(shí)將您的眼睛吸引到頁(yè)面兩側(cè)的結(jié)構(gòu),因此您不能錯(cuò)過(guò)您應(yīng)該點(diǎn)擊的位。將它與堅(jiān)實(shí)的現(xiàn)代主義設(shè)計(jì)美學(xué)相結(jié)合,一切都運(yùn)作良好。

平臺(tái):?WordPress

06,阿黛爾

MYND

Mynd的投資組合網(wǎng)站在布局方面是相當(dāng)標(biāo)準(zhǔn)的,并且依賴(lài)于其創(chuàng)作者的圖形才能脫穎而出,并堅(jiān)持到底。所述圖形很簡(jiǎn)單,但視覺(jué)上足以將其拉下來(lái)。用星球大戰(zhàn)來(lái)解釋?zhuān)@是一種較老的方法,但它會(huì)檢查出來(lái)。

平臺(tái):靜態(tài)站點(diǎn)

07-MYND

Erudito

隨機(jī)的顏色曾經(jīng)是90年代為當(dāng)?shù)仄髽I(yè)制造的廉價(jià)傳單的領(lǐng)域。但是如果你把這些顏色變得很柔和,那么請(qǐng)謹(jǐn)慎使用這些顏色,并將它們?nèi)拥揭粋€(gè)簡(jiǎn)單類(lèi)型和布局的美味而堅(jiān)實(shí)的基礎(chǔ)上,你就得到了Erudito。

自從我8歲左右以來(lái),我并沒(méi)有對(duì)這些顏色感到興奮。

平臺(tái):靜態(tài)站點(diǎn)

08-Erudito

莫申

Moshin利用了古老的網(wǎng)格作為審美元素的技巧,盡管你不會(huì)在項(xiàng)目預(yù)覽圖像之外看到任何實(shí)際的線條。然而,那些簡(jiǎn)單和有序的提示訓(xùn)練了眼睛在網(wǎng)站的其他部分看到相同的原則,我認(rèn)為這是一個(gè)很好的接觸。

平臺(tái):?WordPress

09-莫申

品牌事件

它只是我,還是以品牌為重點(diǎn)的工作室通常是真正全力以赴的有趣的東西?Well?Brand Affair繼續(xù)傳承他們的日落,他們的動(dòng)物,以及他們清晰而永遠(yuǎn)存在的戲劇風(fēng)格。我猜你的調(diào)色板是“所有的顏色”,你真的有一些空間來(lái)狂野。

然而,根據(jù)我的瀏覽器,它不是相當(dāng)?shù)膸捴厝缒阆胂?。除了其他一切,我必須為他們的?yōu)化提供道具。

平臺(tái):靜態(tài)站點(diǎn)

10 BrandAffair

完全工作室

完全工作室是另一個(gè)將彩虹拋向你的工作室,但這一次它帶有健康的插圖和SVG動(dòng)畫(huà)。該網(wǎng)站的其余部分是柔和的色彩,復(fù)古風(fēng)格的UI元素和一些等寬的類(lèi)型的可愛(ài)組合。

平臺(tái):靜態(tài)站點(diǎn)

11,全

本杰明·吉迪

Benjamin Guedj的作品讓我們從顏色誘導(dǎo)催眠的邊緣回歸,整潔,美觀,優(yōu)雅感十足。這里選擇的襯線字體在較小的尺寸上可能會(huì)有點(diǎn)難以閱讀,但除此之外,這只是一個(gè)小而好看的網(wǎng)站,它不會(huì)做任何超出它需要的東西。

平臺(tái):靜態(tài)站點(diǎn)

12 Guedj介紹

系列八

系列八:很簡(jiǎn)單。它有點(diǎn)單色。這是非?!盁o(wú)襯線”。這些都是恭維。

平臺(tái):靜態(tài)站點(diǎn)

13系列

學(xué)院

教師看起來(lái)不像電子表格或數(shù)據(jù)庫(kù),但感覺(jué)就像是受到一個(gè)人的啟發(fā)。所有內(nèi)容都有自己的列,并在所有頁(yè)面中保持不變。整體效果是明確的組織和目標(biāo)之一,我喜歡它。

平臺(tái):?WordPress

14教師

Alex Firs

亞歷克斯·菲爾斯(Alex Firs)的作品集以其現(xiàn)代主義在其排版中喚起了一點(diǎn)漫畫(huà)風(fēng)味,并且具有相當(dāng)大膽的外觀。它全是黑色,白色和純紅色。

我想為其他投資組合設(shè)計(jì)師注意一件事:視頻背景僅在您將鼠標(biāo)懸停在與其相關(guān)聯(lián)的項(xiàng)目上時(shí)才會(huì)生成動(dòng)畫(huà)。這是關(guān)注用戶(hù)注意力并節(jié)省帶寬的好方法。我只是說(shuō)。

平臺(tái):?WordPress

15亞歷克斯

共同作品

Common Works包含一些,常見(jiàn)的設(shè)計(jì)模式,但它仍然是一個(gè)美麗的網(wǎng)站。它特別列出了清單,因?yàn)槲沂菑?fù)活節(jié)彩蛋的傻瓜。由于動(dòng)畫(huà)的原因,動(dòng)畫(huà)二維碼可能有點(diǎn)難以掃描,但這是值得的。

平臺(tái):靜態(tài)站點(diǎn)

16通用

Bix Archer

現(xiàn)在Bix Archer的投資組合?確實(shí)有一個(gè)電子表格作為她的主要項(xiàng)目檔案,以及一個(gè)特定項(xiàng)目特色的模態(tài)拼貼畫(huà)。作為策展的模型,這是一個(gè)單頁(yè)組合的良好設(shè)置。

平臺(tái):靜態(tài)站點(diǎn)

17比克斯

光與影

光與陰影喚起了早期00年代的未來(lái)主義界面的概念,同時(shí)仍然在其呈現(xiàn)風(fēng)格的UI中保留了明顯的現(xiàn)代感。它配有動(dòng)畫(huà)線條,“解讀”自身的文字,一切。

然而,沒(méi)有自動(dòng)播放音頻。干得好,伙計(jì)們。你設(shè)計(jì)了一個(gè)讓我內(nèi)心的孩子興奮而不會(huì)煩擾我其余部分的網(wǎng)站。

平臺(tái):?WordPress

18輕

野牛工作室

Bison Studio是一個(gè)外觀漂亮的可愛(ài)組合(除了一些可以使用更多對(duì)比度的實(shí)例),以及幾乎每個(gè)元素在某些時(shí)候都會(huì)重疊到另一個(gè)元素上的東西。另外,有多少網(wǎng)站會(huì)讓水牛咀嚼主頁(yè)上的東西?多少?

平臺(tái):?JS App

19野牛

龍胭脂

Dragon Rouge并沒(méi)有阻礙個(gè)性。開(kāi)始滾動(dòng)瀏覽網(wǎng)站,你會(huì)發(fā)現(xiàn)一些非常大的圖像,然后就是那個(gè)鼠標(biāo)光標(biāo)。

看,我通常不是定制游標(biāo)的粉絲,因?yàn)橛幸话霑r(shí)間它們更難以看到。這個(gè)......不是那樣的。只需點(diǎn)擊鏈接即可。你會(huì)明白我的意思。

平臺(tái):?WordPress

20,龍

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門(mén)
  • 最新
客戶(hù)服務(wù)
咨詢(xún)熱線

010-62199213

24小時(shí)咨詢(xún)熱線

139-1050-5354