萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 如何做好一個網站Banner?

如何做好一個網站Banner?

  一、我該繼續做網頁設計嗎?(奕暄)

  我現在快畢業一年了,專業是軟件工程,很不喜歡這個專業,所以當時就沒有選擇本專業的工作,可是我很喜歡做設計,喜歡漂亮的圖片,實習的時候開始做網頁設計,做了三個月,是個很一般的設計,網站的div+css也是在學校學過的,後來經朋友介紹到一家游艇公司做平面設計,現在是做了8個月了,設計水平做企業內部的一些東西還是很一般的。我現在准備辭職了,我是覺得沒有方向了,很迷茫,不知道接下來找個什麼樣的工作,我的設計水平不高,很想培訓一下或者其他,平時工作挺忙的,也沒什麼時間學習,所以現在對這個職業規劃直接就斷了。我想請您給我指一條路,我是繼續做網頁設計呢,還是直接轉行了,需要再深造嗎?

  答復:這個我不能斷言你到底該做哪一行,因為個人的實際情況只有自己最清楚,也不是你上面那一段文字能說得明白的,但是我想你如果真的喜歡網頁設計,就不要輕易的丟掉它,不管你以後是否從事和設計相關的工作,是否靠它吃飯,哪怕從事和設計完全搭不上界的工作,也可以把網頁設計作為一個個人愛好堅持下來,這個愛好就像有些人喜歡打籃球、打網游、搞搞戶外活動一樣,沒什麼區別。為什麼要堅持?有一句話話糙理不糙”有錢難買爺高興!”,難得我們自己還有個興趣愛好啥的,人生也就多了些樂子,既然喜歡,就抽出些時間精力弄一弄,別的不說,自己快樂也不挺好嗎?很多人會說工作太忙沒有時間,我覺得這不能成為一個理由,唯一的一個理由就一個字:懶。我分析你目前的迷茫和糾結主要是設計上長時間沒有提高造成的。解決這個問題一是自己擠出時間加強平時的學習,二是如果條件允許,讓自己充個電再開始工作,也沒什麼不可以,具體的情況自己拿主意。我也只能給你這些建議,能對你有一丁點的用處,那就再好不過了。

  二、如何讓嘈雜背景上的文案顯眼?(稻草人)

  如果做一張廣告圖,都是原圖背景比較花,有哪幾種辦法可以把廣告詞的字讓他比較顯眼呢?比如下面這樣的一張圖,差不多就只有右上角有一定的位置來排放文字但是整體顏色都偏暖了,鞋子本身就不突出,而且可以排放文字的位置也小,感覺處理背景或者說給文案加純色背景都不好處理。

  文案內容:頭層牛皮99元,新款

如何做好一個網站Banner? 三聯

  答復:如何讓嘈雜背景上的文案突出,這個要看具體的案例,一般的處理方式有:1、處理背景,高斯模糊、疊加圖案,通過漸變遮擋部分背景;2、處理文案,給文案添加純色背景,將其與背景隔離開。就這個按理來說,首先是分析信息,明確哪個是需要突出的重要信息。就你所言,是要突出頭層牛皮這個賣點,那麼完成後的效果如下圖所示,供你參考。

2.jpg

  三、如何完成一個Banner的設計?(靜憶雲熙)

  下面是我做的一個Banner,請大家點評,不知道該怎麼設計好看。

580-3.jpg

  答復:我只能說說大的設計步驟,具體設計還要你來做。從你這個設計可以看出你的思路沒有打開,完全被策劃圖限制死了。就你這個按理來說,設計的步驟應該如下:首先提取文案中的關鍵詞,這裡應該是”合作”,”贏”兩個詞,然後圍繞這兩個詞展開聯想,把你能想到的圖像記下來,最好簡單畫出草圖;然後進一步評估你的可選方案,選擇你認為准確的,最能體現關鍵詞的圖像,進一步畫出草圖、注意和網站整體風格的搭配,以及布局、視覺層次、色彩方案的搭配,初步做到目標明確,心中有數;最後選取素材,進行設計,設計的過程中不斷評估設計,不斷改進設計,直到完成。下面的設計案例你可以參考:

580-4.jpg

  四、如何做好這個Banner?(石頭)

  細節方面無從下手,請群主點評。

580-1.jpg

  答復:整體的氣氛感覺是清新、陽光的感受,但文字使用的偏暗的藍色和紅色沒有和整體的氣氛契合,色彩上不搭,給人一種髒髒的感覺。最重要問題是主視覺部分不夠飽滿,看上去壓不住整體的氣氛,顯得有些單薄,文字的間距太大,看上去過於松散,細節也不夠。創建這樣的3D文字,可以用 illustrator來做,再拷貝到ps中進行細節的刻畫。根據質感注意表現出高光、亮部、暗部、陰影、反光等幾個調子。一般的方法是:1、先做出3d 文字的基本樣子;2、用鋼筆摳出每一個面,添加樣式;3、疊加一些質感。

  下面幾個3D文字的設計案例,供你參考。

2.jpg
580-3.jpg
4.jpg

  五、關於中英文字體在設計中的應用(囧捷風囧)

  就是現在很多的一些網頁,特別是國外的網頁,你看去很好看,簡約大氣上檔次,當然其中包含很多細節的處理,但我在想如果將英文換成中文就不那麼好看了,當然可能跟我接觸使用的字體比較少有關吧

  中文字體的使用有什麼心得呢群主。。。

  答復:如果換成中文字體是會受一定的影響,一是英文的字體節奏感和中文不一樣,英文單詞有長有短,整體感比單個單個的中文字體要強,二是英文字體比較多,可選擇的范圍較大,中文字體相對來說要少得多,所以在設計上限制也較多。關於字體的使用,中文字體和英文字體一樣,分襯線和非襯線兩種,非襯線字體適合簡約、干淨的設計風格,而襯線字體例如宋體,更適合中國風等藝術感較強的設計。平時能看到很多這樣的好的設計,比如下面的這個設計就是使用宋體的好范例。

1.jpg

  以及下面的這個設計中使用的中文字體:

580-2.jpg

  其實字體的應用只是網頁設計中的一個方面,只要在可讀性上和風格應用上契合整體的設計就可以了。

  來源:http://startwmlife.com/how-to-do-a-banner/

copyright © 萬盛學電腦網 all rights reserved