向BETHEME學(xué)習(xí)設(shè)計制作炫酷的作品展示頁

　　作為一名UI/UX設(shè)計師，你一定想擁有一個足夠優(yōu)秀的作品展示頁來呈現(xiàn)你所有的作品。你的潛在客戶需要看到的不止是你能做到什么，還需要看到你是如何做設(shè)計，并且怎樣讓這些設(shè)計脫穎而出的。

　　雖然設(shè)計師宣傳自己的方式許許多多，但是一個能隨時訪問的設(shè)計作品展示頁面始終是最直觀、效果最好的呈現(xiàn)方式。感覺上設(shè)計一個頁面似乎并不復(fù)雜，但是事實上并非如此。

　　隨著越來越多的設(shè)計師開始將自己的作品集放到網(wǎng)站上，這類網(wǎng)站就開始將不同的設(shè)計技巧、技術(shù)融入其中。今天我們再來審視作品展示頁的設(shè)計和開發(fā)的時候，會發(fā)現(xiàn)已經(jīng)有許多技巧和技術(shù)可供我們參考和學(xué)習(xí)了。而今天，我們將從BeTheme 的設(shè)計中汲取經(jīng)驗。

　　客觀上來講，要創(chuàng)建一個作品展示頁，需要考慮到三個主要角色：

　　確保你的作品展示頁能夠展示出你的設(shè)計技巧

　　讓客戶信任你，看到你的設(shè)計能夠迎合他們的需求

　　展現(xiàn)你作為這一優(yōu)秀業(yè)務(wù)的提供者的優(yōu)勢

　　打造優(yōu)秀作品展示頁的必要步驟

　　選擇對的設(shè)計工具與素材當(dāng)然是一件重要的事情，不過有些必要的步驟應(yīng)當(dāng)始終牢記：

　　審慎對待網(wǎng)站的標(biāo)題、文案和LOGO，它們直接影響著用戶打開網(wǎng)站后的第一印象

　　打造穩(wěn)固的作品集群，15~20個設(shè)計作品會帶來不錯的效果

　　將平庸的設(shè)計作品過濾掉

　　合理的組織分類能更好的幫助用戶了解你的作品

　　將你獲獎的作品、得到的認可都展示出來

　　讓布局保持簡約直觀

　　針對關(guān)于我們頁面和行為召喚按鈕等進行個性化設(shè)計

　　作品展示頁設(shè)計案例

　　作品展示頁應(yīng)當(dāng)精準(zhǔn)地反映產(chǎn)品和服務(wù)本身，同時應(yīng)該保持足夠的清爽和直觀，將令訪客分心的元素盡量去除。

　　著名的預(yù)構(gòu)建主題網(wǎng)站 Be Theme 就是清爽直觀這一特色的完美呈現(xiàn)。網(wǎng)站頁頭最明顯的位置留給了這一設(shè)計機構(gòu)的獨特價值主張(UVP)，圖片的選取比較走心，菜單的設(shè)計巧妙，作品展示和服務(wù)區(qū)域完美的組織到了一起，體驗也相當(dāng)不錯。

　　Be Portfolio

　　無論你是網(wǎng)頁設(shè)計師、攝影師還是創(chuàng)意文案，又或者是營銷人員，你的作品展示頁應(yīng)當(dāng)傳達出如下信息：

　　展示整個設(shè)計歷程，而非單純的結(jié)果

　　突出設(shè)計中的關(guān)鍵元素(假設(shè)你只有1分鐘來展示，那么你想表達哪些部分?)

　　Be Freelancer

　　整個頁面的設(shè)計無疑是在突出作品展示的部分，所以這個部分的設(shè)計應(yīng)當(dāng)非常小心，因為用戶不會被其他的元素干擾，這個時候作品的任何一點瑕疵都會唉審視下被放大。

　　Be Web Design

　　如果你的團隊專精于網(wǎng)頁設(shè)計，那么這個預(yù)構(gòu)建WP主題可以很好的迎合你的需求，它以更加創(chuàng)新的手法，構(gòu)建出充滿信任感的頁面風(fēng)格，布局穩(wěn)固，它給人的感覺也符合一個設(shè)計機構(gòu)應(yīng)有的印象。

　　Be App2

　　Be APP2 是一個能同移動端應(yīng)用聯(lián)動的主題。優(yōu)雅而簡約的移動端作品展示頁的體驗是怎樣的?它就是答案。

　　Be Lifestyle

　　如果你的作品展示更偏向生活方式的話，Be Lifestyle 的展現(xiàn)形式會更適合于你的網(wǎng)站。經(jīng)歷、地點、人物等信息和內(nèi)容緊密結(jié)合到一起，信息的組織和展示是這個預(yù)構(gòu)建主題的特色。

　　BeMusic

　　音頻類的作品展示肯定和其他類型的略有不同，氛圍的營造，不同媒體類型的展示形式，以及更加富有活力的色彩搭配，我們可以從BeMusic 這個頁面的設(shè)計中學(xué)習(xí)到。

　　Be Theme

　　實際上，今天所展示的幾個例子是設(shè)計機構(gòu) Be Theme 所提供的200多個預(yù)構(gòu)建網(wǎng)站主題中的一部分，他們的網(wǎng)站主題涵蓋了多個不同的領(lǐng)域，并且基本都是以作品展示為主。這些預(yù)構(gòu)建主題都是完全可定制的，所以，有足夠多的可能性從中選取符合你需求，或者說足以定制成你想要的作品展示網(wǎng)站的樣子。

　　結(jié)語

　　Be Theme 可能是目前最大的預(yù)構(gòu)建主題網(wǎng)站，它所提供的功能和模塊夠多，用戶群也同樣龐大。其中包含的模塊也相當(dāng)實用，比如 Muffin Builder 3 he Shortcode Generator 都讓網(wǎng)站的使用者無需代碼就可以方便快捷地編輯、調(diào)整整個網(wǎng)站的功能、風(fēng)格和細節(jié)。