一、關於Banner設計的思路(小旗)
群主我想問問關於banner制作的問題。有的時候老是感覺自己沒有任何的想法,還有就是關於中英文字體的運用及常用的字體有哪幾種,真對於淘寶上的廣告圖制作風格的把握,有的時候喜歡那種純色的背景的,但是自己做的就是感覺那麼單調。問題就是我對banner的設計非常的頭疼。有的時候喜歡那些天馬行空的想象的作品,有的時候有喜歡那些背景單純顏色的(感覺比較突出產品,就有的時候客戶不認可呀!)
答復:Banner的設計的確是比較有難度的,我個人也有這方面的體會。對於你的問題我只能說說我個人的體會。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、拿到設計任務急於動手,不是沒有想法,而是想法太多,無從選擇,慌亂之中只好抓住別人現有的東西讓自己被動做出選擇。很多設計師從不做視覺設計之前的工作,拿到設計任務滿腦子的如何布局?該用什麼色彩?做成什麼風格?這一類的想法,滿腦子的蝴蝶飛,搞得自己無從選擇。殊不知,視覺方面的考慮雖然需要,但並非是一開始的工作,而也正是因為缺少前期對網站訴求、功能、信息架構方面的考慮,視覺上才會天馬行空,落不著地。其實,如果我們對於網站的訴求和信息認真進行了梳理和思考,有時候視覺方面的東西會從模糊逐漸變得清晰。就像我在《網頁核心內容對視覺表現的影響》這篇文章裡所提到的例子一樣,網站功能上的訴求有時已經告訴你或者說約束了我們如何布局