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




  • 【 設計理論】暢遊VC設計師入職半年後的工作經驗總結




    暢遊VC設計師入職半年後的工作經驗總結

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

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

    教學大綱:

    到12月1日,我來到暢遊VC整半年了。作為一個網站設計師,能在這樣專業的團隊里工作和學習,是一段寶貴的經歷。感謝領導在專業上對我的指導,同事們在工作中對我無私的幫助。經過半年大量的官網、專題、廣告設計,自己也積累了一些經驗,改變了以前的設計思路


    設計理論教學開始

    到12月1日,我來到暢遊VC整半年了。作為一個網站設計師,能在這樣專業的團隊里工作和學習,是一段寶貴的經歷。感謝領導在專業上對我的指導,同事們在工作中對我無私的幫助。經過半年大量的官網、專題、廣告設計,自己也積累了一些經驗,改變了以前的設計思路。非常高興有機會能把自己的經驗得失和大家聊一聊。

    思路的轉變

    在以前的工作中,我每天也會接到不同的設計需求,一般都是根據UE或文檔開始堆素材,只是根據自己的審美把頁面做得“好看”。造成的結果就是視覺關係混亂,重點不明確,傳達信息不到位。

    做設計不是搞藝術,設計的目的是準確的傳達信息給目標用戶。接到一個需求后,第一步我們應該做什麼呢?下面分享一下我的工作思路,首先考慮這個頁面要表達什麼,要達到什麼目的。然後看看UE結構能不能明確表達這個問題,有什麼可以優化的地方,什麼樣的素材更能突出這個出題,板式、色調、字體。。。在心裡有一個初步的設想,這時候從重要程度做一個排序。我想這樣做至少可以保證做出的成品可以達到需求目的,邏輯和層次是清晰的。

    色彩運用問題

    以前我的設計配色存在很大問題,色彩運用發悶、顯臟、花和亂的現象嚴重。後來逐漸發現,問題的根源是一貫的惰性思維,開始設計之前沒有動腦子想,缺乏整體規劃。之前的工作中堆素材現象嚴重,即把需求方提供的素材先往頁面上擺,再找一些光效或花紋素材疊加到上面,猛一看挺有視覺衝擊力的,造成的結果就是顏色無法把握。其實這種做法出發點就是錯誤的,用什麼樣的素材應該根據頁面傳達信息的需要而定,不能憑個人喜好或者單純追求某種視覺效果。形式要為內容服務,顏色也一樣。

    知道了自己的缺點以後,現在做設計之前都要動腦子想想,什麼樣的色調能和要傳達的信息結合的更緊密。站在用戶角度想問題,什麼顏色能讓用戶看着更舒服。主色調、配色、和補色的運用都要提前心裡有數。平時再多看一些優秀的專題設計作品,分析一下別人的配色。這樣做出來的頁面比以前的效果好很多。

    暢遊VC設計師入職半年後的工作經驗總結

    反面案例:顏色沉悶、顯臟。

    暢遊VC設計師入職半年後的工作經驗總結

    正面案例:顏色明快、主題突出。

    畫面結構和形式

    有時候我們習慣了策劃同學提供的UE圖,只是把UE線稿圖形化。我也經常重複着這樣的工作,後來發現效果不好。因為作為設計師,在畫面結構和形象思維方面應該有更多的想象空間,畢竟頁面設計是在設計師手中完成的,設計師自己更了解什麼樣的形式更能增加畫面的表現力。當然這些要建立在對需求充分的了解上,所以我覺得在和策劃同學充分溝通的前提下,按照自己的思路對UE搞做調整是非常可行的。以下是我在工作中遇到的一些例子:

    暢遊VC設計師入職半年後的工作經驗總結

    這是一個活動匯總頁,如果按UE的板式設計會顯得有些死板,人物和標題、按鈕之間缺乏關係。需求方提供了一個人物素材,質量不高,個人覺得人物動態也不太適合這個專題。

    暢遊VC設計師入職半年後的工作經驗總結

    經過和需求方的討論,換了真實人物,增強頁面的衝擊力。板式做了變化,使標題人物和按鈕結合的更緊密。色調上和刀劍新官網保持一致(需求方要求,個人認為如果換成紅色的喜慶色調效果會更好),按鈕用大紅色增強慶祝的氣氛。

    暢遊VC設計師入職半年後的工作經驗總結

    這個案例和上個相似,與主編一起和需求方溝通換了人設,配合人物的動態設計了發散形狀的按鈕,主體用暗紅色和煙花體現狂歡氣氛。不足之處是人物腳踩的木板顯得突兀,周圍環境無法與之配合。

    暢遊VC設計師入職半年後的工作經驗總結

    暗影之劍的時裝專題,主要介紹遊戲中的時裝,促使玩家充值購買。從UE上看,方方正正結構死板,很難激起玩家的購買慾望。

    暢遊VC設計師入職半年後的工作經驗總結

    經過思考,看了一些淘寶天貓的電商頁面,對UE結構作出調整。用紅色斜條做背景增強頁面的動感,主要按鈕配合也作成斜的,說明文字挪到了標題下方,增強可讀性。色調延續暗影之劍紅白色系,可以點擊的按鈕都用了黃色加以突出。

    >設計技巧上的提高

    通過大量集中的頁面設計工作,半年中我也取得了一些進步。比如顏色、形式感、細節處理上,比之前有所提高。

    畫面層次關係

    暢遊VC設計師入職半年後的工作經驗總結

    這是6月份剛來的時候做的一個專題頁,問題很多。視覺重點不突出、層次混亂、畫面瑣碎。

    暢遊VC設計師入職半年後的工作經驗總結

    這是最近做的一個聖誕專題,形式和上一個類似,標題+人物+標籤切換。畫面關係和效果上比上一個有較大提升。

    畫面整體氛圍

    暢遊VC設計師入職半年後的工作經驗總結

    刀劍英雄官網換膚。配合決戰落雁谷版本,背景採用中國傳統的山峰雲霧,色調運用純度較低的暗金色,試圖營造出決戰前夕的感覺。標題用中國水墨藝術字結合濺血效果。人物部分疊加動感模糊和光效,主題色塊用了暗紅色增強戰爭感。

    通過官網小調查數據看到,換膚后的刀劍官網用戶喜歡佔58%,一般佔28%,不喜歡佔14%。多數玩家還是比較認同這組設計。

    標題字體設計

    暢遊VC設計師入職半年後的工作經驗總結

    在製作細節上有所提高。優點:字體設計完成度高,較滿意。缺點:專題現代感太強,和遊戲的背景有所衝突。

    暢遊VC設計師入職半年後的工作經驗總結

    字體設計比以前更加自然,比劃穿插和諧。

    >養成良好的工作習慣

    平時的工作很忙,時間排期很緊,養成良好的工作習慣可以有效幫你節省時間、提高工作效率和工作質量。

    1.經常瀏覽同行業設計網站。我們平時會瀏覽大量的設計作品,看到到好的設計或功能截圖保存,需要做類似頁面效果時方便參考。

    2.建立素材庫。自己做了一個特殊效果(比如字體、小裝飾、特殊邊框等),保存PSD文件方便反覆利用。

    3.及時總結。養成總結的習慣可以避免自己多次犯同一個錯誤,也有利於繼承自己設計中的優點。

    >結語

    網頁設計是一個動手動腦相結合的職業,工作中有苦也有樂。我相信只要平時認真工作、勤于思考、善於總結,每個人都會有所進步。有時翻過頭來看看一年或者半年前的作品,覺得那時候做的怎麼那麼差啊,大家肯定都有這種體會。這是一件好事,說明我們在不斷的進步、成長。在做出一件自己滿意的作品時,也會有成就感。當掌握了所有的設計技巧和理論后就能做出完美的設計作品嗎?我想也不是,設計還需要創造和靈感。可能設計的終極技巧就是對生活的觀察、體驗和感悟。

    最後祝大家新年快樂,工作進步、心想事成。

    — —

    文章永久連結為: 暢遊VC設計師入職半年後的工作經驗總結