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




  • 【 設計理論】詳解網頁設計中手繪元素使用技巧




    詳解網頁設計中手繪元素使用技巧

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

    文章出處是來自未知的設計理論類文章,寫教學的作者是ecd tencent,感謝ecd tencent提供設計理論的實作教學。

    教學大綱:

    手繪元素通常是用在紙上的,但是它們被越來越多的用在網站設計上面,這些速寫元素令網站極具個性並能為訪問者提供有趣的體驗。


    設計理論教學開始

    手繪元素通常是用在紙上的,但是它們被越來越多的用在網站設計上面,這些速寫元素令網站極具個性並能為訪問者提供有趣的體驗。手繪風格的引入,對於互聯網應用作品起到了一個積極的影響。不同的主題和繪畫風格,使其表現形式具有原創性,給設計帶來了多元化,人性化的特徵。

    我們先來看一些網絡中的案例:

    節慶主題插畫

    詳解網頁設計中手繪元素使用技巧

    GOOGLE每一次節日活動的banner設計都別出心裁,這很大程度要歸功於應景且獨特的的手繪風格作品。

    詳解網頁設計中手繪元素使用技巧

    QQ瀏覽器中的閃屏設計,另一種視角展現節日主題。

    網頁中的插圖

    詳解網頁設計中手繪元素使用技巧

    韓國保險類網站,五張插圖使不同的保險內容一目了然。

    詳解網頁設計中手繪元素使用技巧

    韓國智能生活網站首頁,信息量大的首頁使用手繪素材比起真實素材來說更容易統一風格。

    電商的品牌延伸

    詳解網頁設計中手繪元素使用技巧

    韓國電商網站,結合標誌把卡通形象場景化,運用在網頁每個類目中,增強品牌識別性和趣味性。

    虛擬服務電商網站中的手繪應用

    跟隨網絡世界蓬勃發展起來的是虛擬產業,將我們的數字化生活變得方便快捷。設計來源於生活,QQ網購充值中心主營虛擬服務業務,如話費,網游,保險,彩票等,常規的設計受到素材的限制,局限性很大。如何傳播品牌形象,令消費者輕鬆愉悅的體驗虛擬服務,這就需要我們的設計更加個性化,將情感因素溶入視覺形象中,藉助虛擬形象來作為充值中心的情感載體,宣傳和強化卡通形象,不管是大眾傳播、人際傳播,還是組織傳播,都可以互相滲透,綜合運用。

    詳解網頁設計中手繪元素使用技巧

    生動化傳播—卡通形象

    生動化傳播的要點在於形象生動、輕鬆互動,它能拉近卡通形象與受眾間的距離,全方位帶動受眾的視覺和思考。卡通形象傳播訴求的重點是引起形象聯想,既以外在形象標準為核心,又有着內在本質內容。一套以卡通形象為核心的系統,能增強品牌傳播效果。

    詳解網頁設計中手繪元素使用技巧

    充值小人胸口的“充”字為標識性的特點,根據不同的主題搭配表情和道具。

    詳解網頁設計中手繪元素使用技巧

    平台tips中的運用,增加一些趣味性。

    詳解網頁設計中手繪元素使用技巧

    運營活動tips中的運用,虛擬形象組件化,節省了創作步驟提高了工作效率。

    詳解網頁設計中手繪元素使用技巧

    運營活動中的運用,如節日、卡通角色家庭系列、情景主題、flash小遊戲等等。

    事件化傳播—節慶插圖

    卡通形象的事件化傳播是圍繞卡通形象利用具有新聞價值以及社會影響的人物或事件,吸引受眾關注。有利於培養卡通形象愛好者對該形象的忠誠度。我們以節日主題為創作了一系列的插圖,對節日的美好祝福和情感表達,讓用戶自然而然的產生親近感,激發共鳴。

    詳解網頁設計中手繪元素使用技巧

    詳解網頁設計中手繪元素使用技巧

    充值中心首頁的廣告位、登錄框以及每日精選中的運用

    故事化傳播—四格漫畫

    這不是一個故事的時代,而是一個講述與表達的時代。多格漫畫是現在網絡中最流行的一種宣傳手段,畫面分格來完成一個小故事或一個創意點子的表現形式對於品牌的建立起到很好的帶入作用。畫面不需很複雜,角色也不要太多,對白精簡,讓人容易輕鬆閱讀,強調敘事,可以吸引用戶連續的關注。

    詳解網頁設計中手繪元素使用技巧

    在互聯網高速發展的今天,網絡文化也越來越看重自我個性和情感的表達,這與插畫的內在特質不謀而合,最終促進網頁在表現形式上的豐富與更新。

    — —

    文章永久連結為: 詳解網頁設計中手繪元素使用技巧