• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】從ICON設計看細節的表現




    從ICON設計看細節的表現

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自藍色理想的設計理論類文章,寫教學的作者是佚名,感謝佚名提供設計理論的實作教學。

    教學大綱:

    要從一個求職者的作品當中挑選合適的人才,我相對會比較關注作品中的細節問題,就是那句老話,菜鳥和高手其實就是一個像素之差。


    設計理論教學開始

    在IT這行摸爬滾打了幾年,期間面試算起來也差不多百十來人了,見過一些不同類型的設計師,水平也參差不齊,到面試環節的時候作品才是王道,而且對於我個人而言,好的作品對於面試者也許就成功了一半,如何選中合適的人才,就看面試官如何去通過作品了解這個設計師的內心想法了,而學會看作品,是決定你的員工是否給力,你是否稱職的一個關鍵因素。

    要從一個求職者的作品當中挑選合適的人才,我相對會比較關注作品中的細節問題,就是那句老話,菜鳥和高手其實就是一個像素之差。設計細節其實是個老生常談的東西,但確實是重中之重,姑且先不去討論什麼創意,構圖色彩之類的問題,但是作為設計師如果在作品的細節上都處理不好,其實很大程度上就可能決定你在這個行業發展會比較有限。

    因此,設計方舟第一站我們就從設計的細節講起。

    從ICON設計看細節的表現

    這裡我找了騰訊CDC的一篇文章,關於一些圖標細節的方法給大家分享一下。

    icon小教程之圖標細節的繪製

    icon小教程之图标细节的绘制

    源文件下載:

    http://www.uimaker.com/uimakerdown/uifree/20317.html

    看完Icon的細節分享,我們回到作為繪畫基礎的素描上來,從這幅素描上我們來感受原作者是如何塑造整體和細節的。

    從ICON設計看細節的表現

    通過上面兩個不同的例子,我們可以發現很多平時看起來複雜的東西其實並沒有那麼複雜,把握住整體大方向然後深入足夠的細節,就會是一個優秀的設計的素描。成功無捷徑,唯有多看、多練、多交流、多思考才會成為一個優秀的設計師。

    那麼我們再回到網頁上來,看看優秀的網頁是如何表現細節的。關於網頁設計中處理細節的方法,其實是大同小異的,我搜索了幾篇文章(見下面),大家也可以去搜一些相關的文章,互相分享學習。在這裡,我還是通過實際的例子來介紹網頁細節的表現。

    在國內這批網站中,我個人比較欣賞美圖系列的網站設計,不管是模塊處理還是廣告圖片,或是按鈕等細節處理,都是很見設計師功底的,這裡我們以美圖看看的首頁為例,我挑選幾個典型的細節處理,大家也可以一起來尋找一下哪一些是在細節上面做了單獨處理。

    從ICON設計看細節的表現

    相關文章閱讀:

    網頁設計中最常用到的設計細節

    http://www.yixieshi.com/ucd/8848.html

    網頁設計從優秀到卓越的幾個設計細節

    http://www.webjx.com/web/xindejiqiao-22440.html

    細節讓網頁設計與眾不同

    http://ucdchina.com/snap/9241

    這裡我也拿我以前做過的一個網站首頁分享給大家,具體分析一下我從開始得到這個網站需求,到如何去構思設計,中間的飛機稿以及最後細化定稿等等整個過程。也歡迎大家提出寶貴意見,共同交流、共同提高。

    從ICON設計看細節的表現

    從ICON設計看細節的表現

    為了部分會員需要,我把源文件放在群共享里供大家下載學習,請大家不要商用!

    上面所有說的我講的核心都是細節的問題,再分解一下其實就是點線面如何表現的更加豐富多彩一些,其中有很多小的技巧,後續我會在講解實例的時候一步步引出來。我也希望從這一課開始,大家多去關注細節的問題,讓自己做的東西看起來更加的精緻。

    總之,設計的世界其實都是這些點線面的關係,就如同我們在課堂上學習一樣,多去思考多去練習,把握住整體,抓住細節,為了便於學習交流,我不定期會在群郵件里分享給大家一些收集到的優秀作品和素材,我也希望大家多多分享,有分享才有進步,希望通過我的分享能帶動老人新人們的學習熱情,一起來創造一個更加乾淨純粹的設計世界。

    — —

    文章永久連結為: 從ICON設計看細節的表現