首頁

《前沿視點》——2013年最值得關注的網頁設計流行趨勢

藍藍 網站設計文章及欣賞

 在過去的幾年里,我們看到建設網站的方式發生了巨大的變化。隨著瀏覽器對 HTML5/CSS3 Web 標準的支持的不斷增強,越來越多的用戶已經轉移到移動平臺。在 設計界,有很多獨特的想法,每隔一段時間就發生變化!

   在這篇文章中,我想介紹一些我們已經看到正不斷變化的趨勢。其中, 許多設計理念已經存在了很長一段時間。 但是,我認為在2013年里,這些獨特的想法將會更加的蓬勃發展。 網上提供了很多可以免費下載的開源項目和用戶界面 ,這樣設計人員可以專注于自己的領域。

移動優先的設計

  響應設計的理念并不僅僅只網站能夠縮放到更小的尺寸, 設計師的意識形態也應該發生改變 。這里向大家推薦   上的一篇文章,其中談到了這個想法。

  往往更容易規劃最重要的界面元素,讓他們排布成為一個移動的布局。 如果這些元素不合適這樣,你將不得不刪除一些。 同時,你可以規劃布局將如何應對的窗口變大。 您將有空間包含一個側邊欄,也可能是2個,以及許多其它的頁面元素。

 

閱讀全文>>

談談構建單頁布局網站的創意技術——附優秀案例

藍藍 網站設計文章及欣賞

可能是因為實現這種效果比較復雜,視差滾動的概念對于很多設計師來說仍然是相當陌生。我看到過眾多優秀的例子,例如像  這樣的杰出代表,這個網站易于瀏覽,紋理也是讓人眼花繚亂。

 

 

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

閱讀全文>>

20套華麗的應用程序圖標,帶給你不一樣的視覺體驗

藍藍 圖標設計文章及欣賞

在這篇文章中,我已經收集了20個華麗的圖標集,適用于幾乎任何類型的設計。這些圖標有一個干凈的和描述性的外觀,同時遵循良好的設計原則,相信你會喜歡。

Delicious Berries

33 Free Social Media Icons

閱讀全文>>

怎樣打造完美的設計作品集

藍藍 網站設計文章及欣賞

 

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

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

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

作品展示

與我們所熟悉的其他類型的網站產品相似,在線作品集也需要具有良好的信息結構和導航模式,同時在可訪問性、易讀性等方面具有上乘表現。你要盡最大努力讓你的作品集在被目標用戶打開的時候可以精確完美的呈現你要表達的信息。

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

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

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

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

文字內容

“視覺”固然是設計師最為熟悉的信息媒介,但對于作品集來說,文字內容也是不可或缺的。優秀的作品集可以使用很少的文字來精確的描述出項目相關信息;而且在很多時候,作品截圖難以表達出的東西卻可以經由文字來展現出來,例如你的設計思路、解決方案的構思過程、溝通協作能力等等。

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

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

點擊查看原圖

閱讀全文>>

打造你的設計案例作品集

藍藍 網站設計文章及欣賞

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

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

  • (來自onextrapixel.com)
  • (來自webdesignersblog.net)
  • (來自smashingmagazine.com)
  • (來自smashingmagazine.com)
  • 文章(英) -
  • 文章(英) -
  • 文章(英) -
  • 信息圖 -

60個簡潔的作品集設計匯總

點擊查看原圖

閱讀全文>>

設計元素的應用條件

藍藍 手機及小程序界面設計文章及欣賞

討論方案時,設計師常會提議,某產品的某個元素(如按鈕或功能)設計的挺好,設計存在很多可能性,發散思維時不論對錯。但實際應用時,要考慮元素的應用條件,切不可隨大流,盲目地照搬套用。選擇最合適的設計,而不是最流行最酷的,圍繞品牌特性做設計,讓產品形成與眾不同的氣質。

比如錯誤的提議:現在流行Metro風格,我們也這樣設計吧。

較好的提議是:Metro風格適合內容型應用,弱化按鈕的UI元素,突出內容本身,而我們是工具型應用,主界面需要突出某個按鈕或引導用戶執行某項操作。

側邊欄

 


 


 

閱讀全文>>

那些幫助你成為優秀前端工程師的講座——《JavaScript篇》

藍藍 設計資源

《重新思考應用的架構》

, Igor Minar

Igor Minar 和大家分享先進的前端開發框架——AngularJS。

 

《項目的國際化問題》

, Sebastian Golasch ( )

Sebastian Golasch 向大家介紹如何處理 項目中的國際化問題。

閱讀全文>>

日歷

鏈接

blogger

藍藍 http://www.thriveonsite.com

存檔

2019国外挂机网赚联盟 2019网赚项目 什么网赚稳定收入 百度网赚平台打字 吉林快3 极速快3官网 互联网赚钱网站 2019年调查网赚 pk10开奖记录 金旋风网赚