推薦10個(gè)設(shè)計(jì)精美的網(wǎng)站，所有網(wǎng)站都是已上線可訪問的。

1. Citrix

網(wǎng)站：https://www.thenewmobileworkforce.com/一個(gè)使用THREE JS構(gòu)建的交互式網(wǎng)站，可以創(chuàng)建極其流暢和令人愉悅的視差效果。主題圍繞阿斯頓馬丁紅牛車隊(duì)及其與Citrix的合作關(guān)系，以及未來(lái)賽車的創(chuàng)新計(jì)劃。 

2. Apple - iPhone Xs產(chǎn)品頁(yè)面

網(wǎng)站：https://www.apple.com/iphone-xs/

當(dāng)Apple發(fā)布新的旗艦產(chǎn)品時(shí)，他們會(huì)嘗試通過(guò)變革，數(shù)據(jù)和設(shè)計(jì)傳達(dá)他們的信息。iPhone Xs頁(yè)面也不例外，這個(gè)充滿活力的設(shè)計(jì)和簡(jiǎn)單而優(yōu)雅的過(guò)渡效果，傳達(dá)新款手機(jī)的信息。 

3. HKI.Paris

網(wǎng)站：http://hki.paris/home

HKI.Paris是一家位于巴黎的獨(dú)立創(chuàng)意公司，專門從事視覺識(shí)別。以一種非常獨(dú)特的藝術(shù)風(fēng)格來(lái)傳達(dá)品牌特征。該網(wǎng)站的排版和特征真正將整個(gè)網(wǎng)站作為藝術(shù)作品捆綁在一起。 

4.優(yōu)步設(shè)計(jì)

網(wǎng)站：https://www.uber.design/case-studies/rebrand-2018優(yōu)步最近更新了品牌識(shí)別系統(tǒng)，公司數(shù)千個(gè)設(shè)計(jì)內(nèi)容都做了革新。本網(wǎng)站介紹了變化背后的邏輯，同時(shí)以干凈而優(yōu)雅的方式展示了新的動(dòng)畫，圖標(biāo)，排版和Web結(jié)構(gòu)。 

5. 50年瑞士音樂排行榜

網(wǎng)站：https://50-jahre-hitparade.ch在過(guò)去的50年里，通過(guò)這個(gè)以數(shù)據(jù)為中心的獨(dú)特時(shí)間線網(wǎng)站，探索超過(guò)10,000個(gè)瑞士音樂排行榜。滾動(dòng)這些年份來(lái)查看有關(guān)歌曲名稱，排名和心情的數(shù)據(jù)。設(shè)計(jì)讓用戶沉浸在時(shí)間和空間的扭曲中。數(shù)據(jù)來(lái)自Hitparade和Spotify。 

6. Webflow

網(wǎng)站：https://webflow.com/ecommerce當(dāng)你打開Webflow的首頁(yè)，首先令人驚嘆的是一連串的視覺加載動(dòng)畫，引人入勝。Webflow提供的軟件允許您設(shè)計(jì)網(wǎng)站，然后將其導(dǎo)出到代碼中。該網(wǎng)站使用滾動(dòng)動(dòng)畫和觸發(fā)器來(lái)向用戶傳達(dá)有關(guān)軟件如何在細(xì)節(jié)和顏色方面工作的信息。 

7.Crypton

網(wǎng)站：https://crypton.trading

Crypton是一個(gè)加密貨幣交易機(jī)器人，可以在最佳時(shí)間為您管理財(cái)務(wù)和交易，從而獲得最大利潤(rùn)。這個(gè)想法本身也很酷，網(wǎng)站采用簡(jiǎn)單的黑白主題，但深度動(dòng)畫有助于傳達(dá)機(jī)器人如何引入用戶。 

8. Johos

網(wǎng)站：http://www.johos.at/  設(shè)計(jì)簡(jiǎn)單，大膽，且有故事性。JoHo是一家特色咖啡公司，分享其農(nóng)民及其豆類的信息。該網(wǎng)站主要由圖像和視頻組成，但卻以簡(jiǎn)潔的方式傳達(dá)其信息，給瀏覽它的用戶留下了積極的印象。 

9.保時(shí)捷Mission E概念車網(wǎng)站

網(wǎng)站：https://www.porsche.com/microsite/mission-e/international.aspx/像大多數(shù)汽車公司一樣，保時(shí)捷正在尋求電動(dòng)汽車的未來(lái)發(fā)展。與特斯拉競(jìng)爭(zhēng)迫使Posche創(chuàng)新的推出電動(dòng)汽車。該網(wǎng)站與汽車一樣具有現(xiàn)代性，具有滾動(dòng)動(dòng)畫，聲音和交互式UI，以展示概念車的所有榮耀。 

10. Picular

網(wǎng)站：https://picular.co/“Google, but for colors”這是Picular網(wǎng)站的slogan，闡述了網(wǎng)站是色彩界的Google。使用平面設(shè)計(jì)和快速動(dòng)畫創(chuàng)建一個(gè)用于顏色發(fā)現(xiàn)的活潑直觀的網(wǎng)站，讓您不自覺進(jìn)行下一次搜索。