400-611-9921
2019-02-15
2379
您最后一次更新設(shè)計(jì)組合是什么時(shí)候?(如果你像我一樣,可能還需要一段時(shí)間。)保持新的投資組合是向潛在客戶展示技能的好方法,在回顧年度參賽作品的工作時(shí)可以提供幫助。
如果你落后于你的投資組合設(shè)計(jì),或者只需要一個(gè)新的投資組合,這是一個(gè)使用時(shí)尚技術(shù)和視覺效果創(chuàng)造一些東西的絕佳機(jī)會。
使用設(shè)計(jì)趨勢的現(xiàn)代產(chǎn)品組合可以給人留下深刻印象。投資組合也是您技能的代表 - 所以設(shè)計(jì)明智!以下是2019年我們最喜歡的投資組合設(shè)計(jì)趨勢。
高性能效果
Victor Costa的投資組合是如何創(chuàng)建高績效投資組合的典范。
由于網(wǎng)頁設(shè)計(jì)師,攝影師和其他創(chuàng)意人員正在使用他們的作品集來展示他們可以做些什么,因此向更高性能的設(shè)計(jì)轉(zhuǎn)變。(其中一些對于移動顯示器來說太多了。如果你走這條路線,請確保你有另一個(gè)網(wǎng)關(guān)。)
這些高性能設(shè)計(jì)包含了精美的JavaScript,動畫和效果,旨在讓用戶滿意。
Victor Costa的投資組合是如何創(chuàng)建高績效投資組合的典范。它打開了一個(gè)用戶選項(xiàng) - 標(biāo)準(zhǔn)或高性能。該組合充滿了交互元素,淡入淡出和滾動動作和動畫。這些技術(shù)與他在他的生物中引用的元素相匹配,不僅是過去作品的展示,而且是他可以為客戶做些什么的指標(biāo)。
充足的空間
在更多設(shè)計(jì)中出現(xiàn)的東西正在進(jìn)入投資組合設(shè)計(jì) - 元素和對象之間有足夠的空間。
這種趨勢似乎源于確保物品在移動設(shè)備上適當(dāng)分離并具有充足的空間,但額外的空間在桌面屏幕上也可以看起來很棒。(當(dāng)然,我一直是白色空間的粉絲。)
Lotta Nieminen的產(chǎn)品組合就是這種設(shè)計(jì)的完美典范。超深標(biāo)題占據(jù)屏幕的三分之一以上,而投資組合圖像之間的垂直和水平空間超寬。每個(gè)元素都獨(dú)立存在,夸張的間距使每個(gè)項(xiàng)目空間獨(dú)立存在,這對于具有許多不同類型圖像潛力的投資組合設(shè)計(jì)尤其有用。
Groovy用戶界面
將最小風(fēng)格的設(shè)計(jì)與時(shí)尚的用戶界面效果相結(jié)合,可以創(chuàng)造出令人驚嘆的產(chǎn)品組合。視覺簡單性和復(fù)雜交互的結(jié)合可以讓用戶滿意,并讓他們通過不同的屏幕和項(xiàng)目組合項(xiàng)目進(jìn)行查看。
單擊上面的示例,查看每個(gè)項(xiàng)目組合項(xiàng)目在停止之前如何在屏幕上滑動并產(chǎn)生很酷的漣漪效應(yīng)。光標(biāo)也會移動和形狀,表示點(diǎn)擊元素,讓用戶通過每個(gè)項(xiàng)目的方式不僅僅是閱讀設(shè)計(jì)如何結(jié)合在一起。
這是一個(gè)你可以花費(fèi)數(shù)小時(shí)的組合,這要?dú)w功于groovy用戶界面。
大字體
在規(guī)劃項(xiàng)目或項(xiàng)目組合時(shí),排版和文本是一些最常被忽視的設(shè)計(jì)元素。
強(qiáng)大的排版和語言可以完美地介紹您的工作(和投資組合)。大多數(shù)人可能從他作為設(shè)計(jì)師或播客的企業(yè)中了解Tobias van Schneider,但是你會期望他的作品集主頁主要是文字嗎?
在規(guī)劃項(xiàng)目或項(xiàng)目組合時(shí),排版和文本是一些最常被忽視的設(shè)計(jì)元素。我們大多數(shù)人都非常關(guān)注視覺效果或動畫。
這個(gè)例子說明了為什么這么多設(shè)計(jì)師選擇具有強(qiáng)烈排版的投資組合。在進(jìn)入更深層次的視覺效果之前,它會設(shè)置正確的音調(diào) - 你知道他做了什么以及網(wǎng)站是什么。(此選項(xiàng)還突出了他對具有大量文本的設(shè)計(jì)的強(qiáng)度。)
不像投資組合的投資組合
......作為一名設(shè)計(jì)師,你不必想出一些全新的東西來展示你的作品
投資組合設(shè)計(jì)的最大趨勢之一是制作一個(gè)看起來像另一種類型的網(wǎng)站的投資組合。
Robin Mastromarino的產(chǎn)品組合看起來像是酒吧或時(shí)裝設(shè)計(jì)師或?qū)I(yè)運(yùn)動員的網(wǎng)站,具體取決于您首先查看的滑塊部分。它美麗而簡單,最令人印象深刻的是每個(gè)項(xiàng)目都要發(fā)光的房間。
微妙的線索可以幫助用戶理解投資組合的元素,例如標(biāo)題上方的小數(shù)字和下面的日期。此外,滑動元素鼓勵從左到右滾動與其他項(xiàng)目的部分標(biāo)題。
對于這種投資組合風(fēng)格而言,其他非常好的事情是,作為一名設(shè)計(jì)師,您不必想出一些全新的東西來展示您的作品。對于項(xiàng)目來說,有很大的“藝術(shù)”,完成的工作是重點(diǎn),而不是創(chuàng)造一些全新的東西。(如何創(chuàng)建可以快速更新的內(nèi)容?)
全屏動畫導(dǎo)航
有一段時(shí)間,許多設(shè)計(jì)師選擇了一頁的投資組合。這又扭轉(zhuǎn)了多頁項(xiàng)目的轉(zhuǎn)折 - 缺乏傳統(tǒng)的導(dǎo)航。
主頁用作導(dǎo)航到這些項(xiàng)目中具有動畫效果的單個(gè)項(xiàng)目和頁面,以便為用戶創(chuàng)建更加身臨其境且完全互動的體驗(yàn)。
它建立了一個(gè)很好的用戶體驗(yàn),可能會讓客戶想要看到類似的技術(shù),并且是一種強(qiáng)調(diào)你在數(shù)字空間中創(chuàng)建的能力的好方法,即使你的投資組合中的所有項(xiàng)目都沒有反映出來。
分屏模式
分屏模式已經(jīng)趨勢一段時(shí)間,而且更多的投資組合正在使用這種設(shè)計(jì),即使他們不使用該功能。它的工作原理是因?yàn)樵氐呐鋵τ兄隍?qū)動用戶跨屏幕接收前面的所有內(nèi)容。
Xavier Cusso采用分屏設(shè)計(jì),具有出色的視差滾動效果,可以在項(xiàng)目之間移動。色塊屏幕設(shè)計(jì)有助于強(qiáng)調(diào)網(wǎng)站是他的創(chuàng)作,而中間的元素是要檢查的組合項(xiàng)目。它在投資組合和項(xiàng)目設(shè)計(jì)之間進(jìn)行了一些分離。
這是處理大牌項(xiàng)目的好方法 - 請注意Adidas Climaheat的圖形 - 同時(shí)保持您在投資組合設(shè)計(jì)中的身份。(確保點(diǎn)擊并訪問此處的各個(gè)項(xiàng)目;整體投資組合設(shè)計(jì)令人印象深刻。)
極簡主義 - 靈感設(shè)計(jì)
一個(gè)極簡主義風(fēng)格的產(chǎn)品組合最好的事情是它給設(shè)計(jì)提供了充足的空間。實(shí)際投資組合的設(shè)計(jì)變得相對不可見,因此所有關(guān)注點(diǎn)都集中在您希望人們看到的元素上。
設(shè)計(jì)師Shawn Park最近寫了關(guān)于他如何每年為UX Collective重新設(shè)計(jì)他的作品集 - 我強(qiáng)烈建議您在這里閱讀該文章 - 而當(dāng)前的設(shè)計(jì)(上圖)展示了設(shè)計(jì)趨勢本身的演變。
Park從2013年開始包括他的投資組合設(shè)計(jì)的迭代,你可以看到設(shè)計(jì)趨勢如何影響他的投資組合。您還可以看到這種新鮮的極簡風(fēng)格如何讓您更容易看到他今天的工作,而不是之前的版本。
超大的主頁爆頭
大爆頭是一個(gè)大問題,特別是與開發(fā)人員和交互設(shè)計(jì)師。
這種投資組合趨勢可能很受歡迎,因?yàn)樵谝曈X上展示這項(xiàng)工作更加困難:你是否強(qiáng)調(diào)代碼?
使這個(gè)投資組合設(shè)計(jì)工作的訣竅是一個(gè)強(qiáng)大的形象。它需要的不僅僅是爆頭; 它需要有一種情緒化。然后將它與強(qiáng)烈的排版配對,以明確這是一個(gè)投資組合網(wǎng)站,你做了什么。將所有這些信息保存在卷軸上方,以便最大限度地保持訪問者在設(shè)計(jì)中的移動。
一些漂亮的效果也不會傷害。
模塊化網(wǎng)格
一個(gè)似乎永不褪色的投資組合設(shè)計(jì)趨勢是使用模塊化網(wǎng)格來展示項(xiàng)目。這是一個(gè)很棒的功能選項(xiàng),因?yàn)槟梢栽谝粋€(gè)畫布上“浮動”不同項(xiàng)目的圖像。
基米·劉易斯(Kimi Lewis)的作品與她的作品集有點(diǎn)不同。這個(gè)設(shè)計(jì)很大,而不是很多小塊來展示投資組合項(xiàng)目。它在超大網(wǎng)格中混合并匹配平方和長水平圖像。
用戶從一開始就對每個(gè)項(xiàng)目都有良好的感覺。將超大的網(wǎng)格圖像添加到元素之間的一些夸張的間距,這個(gè)組合可能是我在一段時(shí)間內(nèi)看到的最容易消化的元素之一。每個(gè)圖像上還有一個(gè)漂亮的懸停動畫,其中包含客戶端名稱和項(xiàng)目類型,以便在您點(diǎn)擊之前提供額外信息。
明亮,輕盈的美學(xué)
沒有人說設(shè)計(jì)組合必須無聊。雖然很多這些設(shè)計(jì)都是黑色或白色 - 主要是因?yàn)檫@些平面顏色使得很容易看到項(xiàng)目 - 明亮,瘋狂的顏色也可以工作。
Denys Mishunov的作品集是使用顏色和插圖脫穎而出的一個(gè)很好的例子。明亮的配色方案引人注目,插圖是一個(gè)有趣的超大爆頭。
當(dāng)你在這個(gè)組合中工作時(shí) - 前端,JavaScript,培訓(xùn) - 一點(diǎn)點(diǎn)創(chuàng)造力可以走很長的路。它不僅有助于吸引用戶,而且還說明了您的工作風(fēng)格和設(shè)計(jì)理念。(這可以幫助您找到合適的客戶。)
顏色疊加
Heather Shaw的作品集很有效,因?yàn)槊總€(gè)項(xiàng)目都是如此不同,但顏色疊加使主頁具有連接感。
關(guān)于創(chuàng)建投資組合最具挑戰(zhàn)性的事情之一是主頁。如何以吸引用戶實(shí)際點(diǎn)擊的方式預(yù)覽工作或項(xiàng)目部分?
答案可能是部分模糊工作。在預(yù)覽圖像鏈接上使用有趣的顏色疊加可以是一種視覺上吸引人的方式,以鼓勵單個(gè)項(xiàng)目的點(diǎn)擊。它將使您的主頁更清晰,為網(wǎng)站的不同部分提供一致的外觀和樣式,確保一個(gè)頁面不會太重且加載緩慢,并提供在點(diǎn)擊之前突出顯示項(xiàng)目內(nèi)容的機(jī)會。
上面的Heather Shaw的作品集非常有效,因?yàn)槊總€(gè)項(xiàng)目都是如此不同,但是顏色疊加使主頁具有連接感。由于具有客戶名稱和項(xiàng)目類型的標(biāo)簽,用戶還知道他們將要查看的項(xiàng)目類型。這是一種高度可導(dǎo)航且易于理解的格式,可以直觀地吸引人。
精簡的項(xiàng)目展示
移動卡
然后是頻譜的另一端 - 具有更加流線型外觀和感覺的投資組合。只展示一些項(xiàng)目可能會有好處。
它確保用戶只能看到您希望他們關(guān)注的內(nèi)容而不會分心。
Stefanie Bruckler也使用模塊網(wǎng)格格式,但在更多的空間中使用更少的項(xiàng)目。此外,它全部位于主卷軸之下,具有最小的名片風(fēng)格設(shè)計(jì)。
它具有拋光和優(yōu)雅的外觀,為這位設(shè)計(jì)師的作品設(shè)定了獨(dú)特的基調(diào)。
結(jié)論
還沒有準(zhǔn)備好重新設(shè)計(jì)你的投資組合?雖然這是一個(gè)創(chuàng)意項(xiàng)目,但這也是對您的業(yè)務(wù)的投資,無論您是為公司工作還是作為自由職業(yè)者。
潛在客戶在您知道它們存在之前就在尋找您。擁有最佳項(xiàng)目的現(xiàn)代時(shí)尚產(chǎn)品組合可以給人留下深刻的第一印象。
本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技
標(biāo)簽:公司網(wǎng)站制作,廣州建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁制作公司,建網(wǎng)站公司,企業(yè)建站,廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁設(shè)計(jì)公司,廣州網(wǎng)站設(shè)計(jì)公司,廣州企業(yè)網(wǎng)站建設(shè)
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com