在上一次的專題文章中，我們?yōu)榇蠹艺砹?a href="http://www.qtfd.com.cn/blog/post/1324" target="_blank">2019年4月份的優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)作品。今天，我們將繼續(xù)為大家整理5月份以來(lái)Dribbble和Awwwards上面的優(yōu)秀作品。

1. Innovative Energy Service Website

替代能源和可持續(xù)建筑的問(wèn)題是現(xiàn)在最熱門的問(wèn)題之一。由此，也產(chǎn)生了多種創(chuàng)新和新產(chǎn)品。 Tubik提供的這個(gè)網(wǎng)頁(yè)設(shè)計(jì)的主題是提供新時(shí)代可持續(xù)能源生產(chǎn)、消費(fèi)，甚至分配社區(qū)需求的服務(wù)。網(wǎng)頁(yè)中插畫(huà)風(fēng)格、卡片設(shè)計(jì)和畫(huà)面切換動(dòng)效的創(chuàng)意結(jié)合產(chǎn)生了非常奇妙的效果。

相關(guān)閱讀：讓我們談?wù)劸W(wǎng)頁(yè)設(shè)計(jì)中的卡式設(shè)計(jì)

2. RayBrown / Contemporary Abstract Art

Mike是一位平面設(shè)計(jì)師，他的強(qiáng)項(xiàng)是創(chuàng)建以用戶為導(dǎo)向的網(wǎng)頁(yè)設(shè)計(jì)。他的設(shè)計(jì)中常常融合多種創(chuàng)意元素，鮮艷的色彩、幾何圖形、線性字體、插圖和圖標(biāo)等等。

3. Backpacks

這是一個(gè)雙肩包主題的電商網(wǎng)頁(yè)設(shè)計(jì)，色彩明麗，風(fēng)格簡(jiǎn)約，整個(gè)界面非常干凈。沒(méi)有過(guò)多的文字和圖片干擾，讓用戶在商品上集中注意力，有助于提升轉(zhuǎn)化。

4. H -Startup Listing

H-Startup Listing是一個(gè)查找初創(chuàng)企業(yè)名錄的網(wǎng)頁(yè)。在這里你可以搜索到不同行業(yè)，不同等級(jí)和不同人數(shù)的企業(yè)名單。簡(jiǎn)潔的頁(yè)面設(shè)計(jì)為設(shè)計(jì)師獲得了不錯(cuò)的點(diǎn)贊和瀏覽。

5. Stellar Web UI Kit II

Stellar是一個(gè)UI工具包，包括20多個(gè)精美的界面，現(xiàn)代、簡(jiǎn)約而獨(dú)特。所有的界面包括預(yù)訂機(jī)票，發(fā)現(xiàn)地點(diǎn)，博客，酒店預(yù)訂，旅游和航班搜索。

相關(guān)閱讀：11款美觀實(shí)用的Material Design UI工具包

6. Bubble

7. Ico -Social Profiles

Iconosquare是一個(gè)社交增長(zhǎng)工具，通過(guò)特定的方式和一流的管理工具幫助客戶發(fā)展他們的Instagram和Facebook賬戶。這個(gè)網(wǎng)頁(yè)提供了2種風(fēng)格，一種支持深藍(lán)色和Gt Walsheim字體系列，另一種支持帶有圓形字體系列的ico藍(lán)色。

8. True Ventures Web

True Ventures品牌的每個(gè)元素都基于公司的核心支柱，信念和價(jià)值觀。這些元素既突出了品牌形象也塑造了品牌的視覺(jué)表現(xiàn)。重新設(shè)計(jì)后的網(wǎng)頁(yè)更加注重戰(zhàn)略和視覺(jué)上的轉(zhuǎn)變。

9. Rem.com

REM的設(shè)計(jì)特色在于它優(yōu)秀的層次結(jié)構(gòu)和元素構(gòu)建。

10. Discover Page

Fireart Stutio是一個(gè)專門為初創(chuàng)公司和世界領(lǐng)先品牌設(shè)計(jì)和開(kāi)發(fā)數(shù)字產(chǎn)品的網(wǎng)站，他們提供的服務(wù)包括產(chǎn)品設(shè)計(jì)，品牌設(shè)計(jì)和動(dòng)效設(shè)計(jì)。Discover Page采用了橫向排列的卡片式設(shè)計(jì)，整個(gè)頁(yè)面淡雅清新。

11．Lusion

Lusion是一個(gè)實(shí)時(shí)，以發(fā)展為重點(diǎn)的創(chuàng)意工作室,與創(chuàng)意機(jī)構(gòu)和設(shè)計(jì)工作室合作，為用戶提供出色的實(shí)時(shí)交互體驗(yàn)。亮點(diǎn)在于隨鼠標(biāo)移動(dòng)的交互和動(dòng)態(tài)頁(yè)面效果。即便頁(yè)面設(shè)計(jì)非常簡(jiǎn)單，但有動(dòng)態(tài)交互背景的加持，整個(gè)網(wǎng)站也不讓人覺(jué)得單調(diào)。

12. Muraflex

Muraflex是一個(gè)打造辦公室建筑設(shè)計(jì)的網(wǎng)站，將平面圖轉(zhuǎn)變?yōu)閮?yōu)雅的建筑空間。將可拆卸玻璃辦公墻系統(tǒng)創(chuàng)造了一個(gè)卓越的工作環(huán)境，為客戶創(chuàng)建舒適的辦公環(huán)境。整個(gè)網(wǎng)頁(yè)設(shè)計(jì)采用橫向輪播和縱向分屏滾動(dòng)展示。每一屏的設(shè)計(jì)都散發(fā)著極簡(jiǎn)風(fēng)格的美。

13. Few and Far

Few and Far是英國(guó)的一家工程設(shè)計(jì)的網(wǎng)站。平面風(fēng)格的網(wǎng)頁(yè)設(shè)計(jì)，配合視差滾動(dòng)與分屏設(shè)計(jì)，恰當(dāng)?shù)慕榻B并展示出自己的設(shè)計(jì)作品，為用戶介紹自己的業(yè)務(wù)。

14. Findingctrl

Findingctrl是一個(gè)為展望未來(lái)互聯(lián)網(wǎng)而制作的網(wǎng)頁(yè)，介紹了互聯(lián)網(wǎng)的前世今生。每個(gè)部分由一個(gè)常用快捷鍵串聯(lián)并介紹與之相應(yīng)的互聯(lián)網(wǎng)故事。對(duì)于科普互聯(lián)網(wǎng)知識(shí)而言，這是一個(gè)非常好的渠道，并且出色的設(shè)計(jì)也能成為廣大設(shè)計(jì)師的靈感源泉。

 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)工具推薦：

1. Adobe XD - 一站式UX/UI設(shè)計(jì)平臺(tái)，配合摹客 XD插件，支持設(shè)計(jì)師和開(kāi)發(fā)工程師完成無(wú)縫式交付。

2.Sketch - 優(yōu)秀的Mac端設(shè)計(jì)工具

4.摹客 - 新一代的產(chǎn)品協(xié)作設(shè)計(jì)平臺(tái)， 三款主流設(shè)計(jì)工具插件（PS/XD/Sketch），解放設(shè)計(jì)師和開(kāi)發(fā)工程師