超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

首頁

談?wù)剺?gòu)建單頁布局網(wǎng)站的創(chuàng)意技術(shù)——附優(yōu)秀案例

藍(lán)藍(lán)設(shè)計的小編

可能是因為實現(xiàn)這種效果比較復(fù)雜,視差滾動的概念對于很多設(shè)計師來說仍然是相當(dāng)陌生。我看到過眾多優(yōu)秀的例子,例如像 Pixel Stadium 這樣的杰出代表,這個網(wǎng)站易于瀏覽,紋理也是讓人眼花繚亂。

 

像素體育場網(wǎng)站的布局設(shè)計界面

 

  當(dāng)你向下滾動頁面的時候,頂部導(dǎo)航欄會出現(xiàn)并鎖定到窗口, 這使得用戶可以快速跳過或轉(zhuǎn)換頁面到不同的部分。 布局是完全響應(yīng)式設(shè)計的,會自適應(yīng)瀏覽器窗口的寬度! 這一切都說明,單頁的布局可能會非常好看,也很靈活。

怎樣打造完美的設(shè)計作品集

藍(lán)藍(lán)設(shè)計的小編

 

如今,創(chuàng)意行業(yè)掀起的風(fēng)浪比以往任何時期都更加猛烈,其中的競爭也越發(fā)殘酷,作為設(shè)計師,想要脫穎而出已經(jīng)是很困難的事情了。如果你還沒有自己的設(shè)計作品集,那么情況對你來說也許會更加嚴(yán)峻。

從最基礎(chǔ)的層面上講,設(shè)計作品集就是你自己的廣告,它可以告訴世界:“嘿,我在這!看看我能做的東西叭!” 除此之外,作品集也是你的名片和畫廊,是你展示能力、技巧、項目經(jīng)驗的地方;同時,你還可以通過它來表達(dá)接下來打算做什么事情。對我(英文原文作者)個人來說,作品集還決定著人們是否會給我一份工作offer,或是找我合作項目。

作品集有著不同的展現(xiàn)形式,包括在線和印刷冊等等,它們所具有的一些精髓是共通的;本文中,我們將把注意力集中在在線作品集這個方面。

作品展示

與我們所熟悉的其他類型的網(wǎng)站產(chǎn)品相似,在線作品集也需要具有良好的信息結(jié)構(gòu)和導(dǎo)航模式,同時在可訪問性、易讀性等方面具有上乘表現(xiàn)。你要盡最大努力讓你的作品集在被目標(biāo)用戶打開的時候可以完美的呈現(xiàn)你要表達(dá)的信息。

Scott Belsky是作品集制作工具Behance的CEO,在他看來,無論是公司項目還是個人項目,只要它們能夠展示你在設(shè)計方面的才華、風(fēng)格、熱情,那么就可以收錄到作品集當(dāng)中。對于每一個你打算展示出來的項目,要確保訪問者可以首先了解到它的背景概況及設(shè)計目標(biāo),然后再通過具體的圖片來展示你在不同階段的產(chǎn)出;這里所說的圖片既包括作品全局,也包括重要部分的局部放大。

關(guān)于作品圖片的尺寸,Scott建議不要小于400像素(寬度)。有些設(shè)計師喜歡將作品圖片縮到很小,或是只展示其中的某些局部元素——這些做法都無法全面的展現(xiàn)你自己。另外,在作品全景及細(xì)節(jié)要素這兩方面都做到清晰的呈現(xiàn),這也是設(shè)計師自信心的體現(xiàn)。

Sacha Greif是一名UI設(shè)計師,同時也是自由設(shè)計師工作信息公告板Folyo的創(chuàng)始人,他每天都能接觸到大量的作品集。在他看來,案例質(zhì)量的重要性確實要高于數(shù)量,不過至少5到6個項目展示也是需要保證的。如果你是一名畢業(yè)生或是相對年輕的設(shè)計師,無法拿出一定數(shù)量的設(shè)計案例,那么也不用太焦慮,最首要的是針對你手頭已有的案例盡量詳細(xì)的呈現(xiàn)其中的細(xì)節(jié);當(dāng)然,個人項目也可以作為補充。此外,你還可以將一些學(xué)習(xí)和探索性質(zhì)的作品囊括進(jìn)來,例如幫Facebook重新設(shè)計一套頁面——只要你不會宣稱這是扎克伯格授權(quán)你做的就好。

在面試過程中,我們通常會根據(jù)目標(biāo)職位的實際情況來表達(dá)自己接下來的目標(biāo)及規(guī)劃;對于設(shè)計作品集來說,也是一樣的道理。如果你心里確實已經(jīng)有了下一步打算,那么最好在作品集當(dāng)中著重突出那些與你的目標(biāo)最為相關(guān)的內(nèi)容。

文字內(nèi)容

“視覺”固然是設(shè)計師最為熟悉的信息媒介,但對于作品集來說,文字內(nèi)容也是不可或缺的。優(yōu)秀的作品集可以使用很少的文字來的描述出項目相關(guān)信息;而且在很多時候,作品截圖難以表達(dá)出的東西卻可以經(jīng)由文字來展現(xiàn)出來,例如你的設(shè)計思路、解決方案的構(gòu)思過程、溝通協(xié)作能力等等。

很多設(shè)計師會在作品集的開頭使用一段簡短而直白的文字對自己進(jìn)行介紹。這是一種很有效率的方式,不過要注意避免陳詞濫調(diào);我們能看到的很多個人簡介在實質(zhì)上等同于“我是一名工作勤奮、值得信賴的員工”。

雖說是簡介,也要在有限的篇幅中盡量做到具有針對性。例如Ethical Studio 簡單而有效的將他們自己描述為“為非ZF組織、慈善團體創(chuàng)建網(wǎng)站”的工作室;又譬如設(shè)計師Matt Dempsey 是這樣介紹自己的:“我為充滿激情與想法的小創(chuàng)業(yè)團隊打造體驗精良、符合用戶直覺的漂亮界面。” 通過這樣的文案,你不僅可以立刻了解到他是做什么的,而且對他所承接業(yè)務(wù)的方向也有了清晰的認(rèn)知。

點擊查看原圖

打造你的設(shè)計案例作品集

藍(lán)藍(lán)設(shè)計的小編

最近搜羅了一些portfolio(設(shè)計作品集)方面的資源及方法文章,放著也是放著,不如匯總索引一下,有興趣有需求的朋友可以前去圍觀。至于需求是什么,大家也心知肚明唄;對于設(shè)計師來說,干巴巴的文字簡歷顯然是不夠的,看看國外同行們是怎樣打造自己的作品集還有個人案例展示站點的,興許可以找到一些思路和啟發(fā)。

另外,最近也向一些前輩們請教了這方面的實踐經(jīng)驗,得到了不少金石良言;接下來花一兩期的篇幅專門做做這方面的文章也是有可能的叭。不多說了,把目前看到的優(yōu)秀資源陳列在下面:

60個簡潔的作品集設(shè)計匯總

點擊查看原圖

從Metro設(shè)計語言談WEB設(shè)計中的排版

藍(lán)藍(lán)設(shè)計的小編


 


首先談一下“Metro”——由微軟公司開發(fā)內(nèi)部名稱為“ typography-based design language”(基于排版的設(shè)計語言)。


Metro是基于瑞士平面設(shè)計的設(shè)計原則(清晰,真實,美觀),來源于交通指示牌。生活中人們行色匆匆,更需要提供快速,簡潔,直接,明確的設(shè)計。現(xiàn)在的互聯(lián)網(wǎng)又何嘗不是如此,快捷獲取信息的同時,信息泛濫、龐雜無序,簡潔之風(fēng)深入人心——減少元素,以顯現(xiàn)本質(zhì)。良好的排版有助于Web設(shè)計更加簡潔有效。

 

2012年度最佳網(wǎng)頁設(shè)計作品出爐

藍(lán)藍(lán)設(shè)計的小編

這篇文章向大家展示2012年里在紋理應(yīng)用,圖像選擇,文字排版和導(dǎo)航設(shè)計等各個方面都特別優(yōu)秀的網(wǎng)站作品。你需要花時間慢慢瀏覽這些優(yōu)秀的設(shè)計,看看2012年里這些讓人難忘的創(chuàng)意網(wǎng)站作品能帶給你哪些啟發(fā)。

Yardsale

Textures and Patterns in Web Design

D10studio

21 Examples of Inspiring Typography in Web Design

日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.miumiuwan.com

存檔