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




  • 【 設計理論】不參考他人作品,就沒法動手設計嗎?




    不參考他人作品,就沒法動手設計嗎?

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

    文章出處是來自飛魚的聲納的設計理論類文章,寫教學的作者是情非得已,感謝情非得已提供設計理論的實作教學。

    教學大綱:

    群主我想問問關於banner製作的問題。有的時候老是感覺自己沒有任何的想法,還有就是關於中英文字體的運用及常用的字體有哪幾種,真對於淘寶上的廣告圖製作風格的把握,有的時候喜歡那種純色的背景的,但是自己做的就是感覺那麼單調。


    設計理論教學開始

    一、關於Banner設計的思路(小旗)

    群主我想問問關於banner製作的問題。有的時候老是感覺自己沒有任何的想法,還有就是關於中英文字體的運用及常用的字體有哪幾種,真對於淘寶上的廣告圖製作風格的把握,有的時候喜歡那種純色的背景的,但是自己做的就是感覺那麼單調。問題就是我對banner的設計非常的頭疼。有的時候喜歡那些天馬行空的想象的作品,有的時候有喜歡那些背景單純顏色的(感覺比較突出產品,就有的時候客戶不認可呀!)

    答覆:Banner的設計的確是比較有難度的,我個人也有這方面的體會。對於你的問題我只能說說我個人的體會。Banner設計上的難度主要有這麼兩個:一是設計方向上的把握,也就是說創意一定要圍繞着信息來做。一定要清楚Banner中要表達的東西或者說主題是什麼,比如一款冰箱要突出它的製冷夠強勁,那麼你就要圍繞着這個主題去創意和構思,而不要偏離了方向,這其中包括文案的撰寫。二是有了創意並且自己評估方向上沒有問題之後,接下來就是技術上的實現。首先要保證和整體設計相協調,這主要依靠個人的美感來把握,其次我個人有一點小小的體會,就是不要輕易放棄不易找到的設計素材。曾經看過高手的設計過程,在我們眼裡完全用不上的東西,放在他們那裡都有用處,就看你有沒有將其融入整個設計的能力。我說的都是比較大的方面,關於Banner的設計還可以參考以下幾篇文章:

    《中文網頁設計系列分享會-banner設計篇》

    《QQ登錄banner再設計》

    《淺淡網頁BANNER設計》

    《如何做得Banner通情達意》

    《淺析Banner設計》

    二、優秀教程推薦–畫蘋果

    非常不錯的教程《Photoshop鼠繪蘋果詳細教程-附PSD源文件》

    不參考他人作品,就沒法動手設計嗎?

    推薦理由:在PS中畫一個蘋果需要把握的光影方面的能力,和在網頁設計中表現某一元素質感的方法都是相通的。相對來說,網頁設計中的元素還比較簡單一些,所以如果你熟練掌握了光影的原理,對於普通的網頁元素的表現應該能夠做到遊刃有餘。我建議大家如果感覺自己在網頁設計中的創意和想法總是一成不變,技術還不那麼過關的話,多練習一些類似於這種圖標或者UI方面的設計。

    三、如何能把UI和網頁設計結合呢?(火星石)

    群主您好,我覺得現在很多網站都處理得像UI那樣的精緻,細節處理的非常好,我在處理網站的時候很難把握住這些,我想快速的提升自己,是不是有必要練習UI設計呢?請群主給予指點!另外還有件事,我現在在中國孕嬰童網做設計,有必要說一下我的工作內容的,主要負責客戶的網站海報設計、gif廣告動畫設計、以及公司的瑣事、名片、宣傳冊、宣傳單、logo設計等,算得上是很雜的,我最近比較糾結的,我應該找一家網站公司工作,在工作中進步,還是先在這邊邊做美工,利用晚上的時間做網站學習提升自己呢?好糾結…………附上我以前的部分案例。謝謝群主!

    答覆:看了你發的作品,感覺問題有兩個。一是很多設計師的通病,細節做得不夠,很多元素看上去比較粗糙。拿頁面中一個小小的導航選中狀態來說,如下圖:

    不參考他人作品,就沒法動手設計嗎?

    感覺白色的邊緣很模糊,似乎和背景的紅色融合到了一起,文字和按鈕邊緣的上下間距不一致並且有點小,很壓抑,漸變的使用目的不明晰,右側分隔線有點生硬。這些問題說明了你的技術還不夠好,另外還說明一個重要的問題就是:設計時考慮的不夠。其實做一個文字選中狀態是要考慮很多問題的。我想主要有以下這麼幾個:

    1、是否足夠明晰,和未選中狀態在視覺上有較大的差別?

    2、是否便於點擊?

    3、樣式是否和整個的視覺風格統一?最好能給整體的設計氣氛加分

    4、是否美觀漂亮?

    5、在不影響功能性的前提下,是否能有些不一樣的創意?

    設計每一個網頁元素,都要在功能性和視覺方面多提幾個問題,多想一些,練習不練習額外的UI設計其實並不重要,你平時做的每個網頁元素就是UI方面的練習。要求自己把每一個元素都設計的好用又漂亮就能取得很快的進步。關於職業方面我不提任何建議,我不是職業規劃師,呵呵。只是如果你想做好設計,無論你在哪裡上班,沒有對自己在設計上高標準嚴要求,不斷地學習和練習肯定是不行的。

    四、作品點評(雨後)

    不參考他人作品,就沒法動手設計嗎?

    答覆:這個設計整體上看來還是不錯的,感覺比較舒服。深灰和淺灰劃分大的信息區域,主內容區域的信息看上去也非常清晰明白。整體上灰色的配色方案用Logo的紅色跳出,配色也不錯。但我提幾個建議你可以參考一下:

    一、整體上來看思考的還不夠深入,還可以進一步的挖掘。首先是Logo作為相對重要的信息內容,雖然用了紅色和背景拉開差距,但視覺上還是有些單薄,不夠突出,做的還不夠,需要再進一步進行突出和表現。

    不參考他人作品,就沒法動手設計嗎?

    如此樣式的信息劃分方式和整體的視覺方向不夠統一,稍顯繁複,並且與主內容區雷同,變化有點少。建議嘗試其它不同的樣式。

    不參考他人作品,就沒法動手設計嗎?

    聯繫方式是擴大公司業務的重要信息,問題一是整體在視覺上不夠醒目和突出,信息的主次沒有分析透徹,視覺上沒有將其區分開,二是缺少創意和表現手法,你可以看看別人的聯繫信息是怎麼做的:

    不參考他人作品,就沒法動手設計嗎?

    滑動展示圖需要重新設計。首先是方向不太對,放上電影膠片是電影工作室的感覺,和公司的業務定位有些偏差。其次從視覺上來看,目前的展示圖有三個視覺點,膠片圖片、文字以及圖標,整體上缺乏聯繫,滑動展示圖也就是我們常說的Banner的設計是有一定難度的,想設計好了不容易,多下點功夫。

    不參考他人作品,就沒法動手設計嗎?

    作品展示區域的縮略圖做的比較漂亮,圖片選的也很好,看上去很舒服。

    二是細節上還有待提高。

    中文和英文的對齊。

    不參考他人作品,就沒法動手設計嗎?

    淺灰色背景的雜色用單色不要用彩色。

    圖標視覺感受和整體設計方向不統一。

    不參考他人作品,就沒法動手設計嗎?

    標題和正文的視覺上再拉開一點距離。

    不參考他人作品,就沒法動手設計嗎?

    滑動展示圖的當前狀態顏色不要換顏色,依然用logo的紅色。

    正文文字間距太大,調小一點。

    不參考他人作品,就沒法動手設計嗎?

    五、不參考他人作品,沒法動手(北極米)

    群主您好,我做了網頁設計兩年多了,感覺自己一點都沒進步,我在網站建設公司工作,也做過不少案例了,但還是感覺每次做頁面的時候都要參考別人的設計,要不自己就沒想法,每次被客戶說做的不好的時候都下定決心要提高設計水平,多看多臨摹,可是一下班就忘了,就看電視劇,沒有自控力,希望群主給我一些意見。

    答覆:其實你提的設計中缺少想法的這個問題我想每個設計師都有感受,包括大師們也不是時時刻刻創意無限,文思如泉湧。據我了解,韓雪冬在剛開始做設計的階段還專門就此問題詢問過他的老師,老師的回答其實很簡單”那是因為你看得少、做得少!”其實就是這個原因,而多看多學多做是解決這一問題的唯一途徑。但是這樣的回答未免過於籠統和粗糙,因為設計中的很多問題其實都可以歸結到這個結論上來,所以我仔細思考了一下,結合設計的整個過程將這個問題的答案歸結為下面幾點:

    1、拿到設計任務急於動手,不是沒有想法,而是想法太多,無從選擇,慌亂之中只好抓住別人現有的東西讓自己被動做出選擇。很多設計師從不做視覺設計之前的工作,拿到設計任務滿腦子的如何布局?該用什麼色彩?做成什麼風格?這一類的想法,滿腦子的蝴蝶飛,搞得自己無從選擇。殊不知,視覺方面的考慮雖然需要,但並非是一開始的工作,而也正是因為缺少前期對網站訴求、功能、信息架構方面的考慮,視覺上才會天馬行空,落不着地。其實,如果我們對於網站的訴求和信息認真進行了梳理和思考,有時候視覺方面的東西會從模糊逐漸變得清晰。就像我在《網頁核心內容對視覺表現的影響》這篇文章里所提到的例子一樣,網站功能上的訴求有時已經告訴你或者說約束了我們如何布局以及採用怎樣的色彩方案。

    2、視覺風格特點把握不夠。做不同風格的頁面設計,不了解該視覺風格的設計特點。比如做一個中國風的網頁設計,不是將中式的元素堆砌在一起就叫中國風的設計,而是要理解該設計風格講究對稱、豎排的布局,有意識的留白,常用到的中國紅、青花藍、琉璃黃、國槐綠、長城灰、水墨黑和玉脂白等色彩以及元素的直線勾勒、方圓的結合、紋飾和具象元素的使用等表現手法,充分的理解了這些特點,我想我們做設計不愁沒有想法。

    另外關於你說的缺乏自控能力的問題,我在上周給無常的答覆中提到過,你可以在飛魚的聲納中查看。

    — —

    文章永久連結為: 不參考他人作品,就沒法動手設計嗎?