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

1. Citrix

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

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

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

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

3. HKI.Paris

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

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

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

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

5. 50年瑞士音樂排行榜

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

6. Webflow

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

7.Crypton

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

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

8. Johos

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

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

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

10. Picular

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