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

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

2018/10/15 0:00:00 · 稿源:傳誠信

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

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

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

景觀

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

平臺:?WordPress

01  - 風(fēng)景

路易斯安薩

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

平臺:?JS App

02-Louis Ansa

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

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

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

平臺:?Vue JS App

03,認(rèn)真的

芙蓉莫羅

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

平臺:?Vue JS App

04,芙蓉

艾哈邁德·法克里

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

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

05·艾哈邁德

阿黛爾貝茨

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

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

平臺:?WordPress

06,阿黛爾

MYND

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

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

07-MYND

Erudito

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

自從我8歲左右以來,我并沒有對這些顏色感到興奮。

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

08-Erudito

莫申

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

平臺:?WordPress

09-莫申

品牌事件

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

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

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

10 BrandAffair

完全工作室

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

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

11,全

本杰明·吉迪

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

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

12 Guedj介紹

系列八

系列八:很簡單。它有點(diǎn)單色。這是非常“無襯線”。這些都是恭維。

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

13系列

學(xué)院

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

平臺:?WordPress

14教師

Alex Firs

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

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

平臺:?WordPress

15亞歷克斯

共同作品

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

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

16通用

Bix Archer

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

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

17比克斯

光與影

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

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

平臺:?WordPress

18輕

野牛工作室

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

平臺:?JS App

19野牛

龍胭脂

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

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

平臺:?WordPress

20,龍

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

010-62199213

24小時(shí)咨詢熱線

139-1050-5354