首頁(yè) > 設計 > 網(wǎng)頁(yè)設計 > 正文

個(gè)性網(wǎng)頁(yè)設計之創(chuàng )意無(wú)限

2018-10-16 20:51:34
字體:
來(lái)源:轉載
供稿:網(wǎng)友
   本次我們將與大家討論網(wǎng)站的整體風(fēng)格及其創(chuàng )意設計問(wèn)題,這是站長(cháng)們最希望掌握,也是最難學(xué)習的。由于這些概念很難量化來(lái)給大家講解,我就與大家討論幾個(gè)要點(diǎn)吧:風(fēng)格定位、色彩角度、字體運用、視聽(tīng)效果、內容編排。
  • 風(fēng)格定位

  風(fēng)格是什么?風(fēng)格就是與眾不同的地方,即個(gè)性。體現出來(lái)要么是色彩,要么是某種技術(shù)或者交互方式,總之,必須能讓瀏覽者明確分辨出這是你的網(wǎng)站獨有的。風(fēng)格的形成不是一次定位的,你可以在實(shí)踐中不斷強化,調整,修飾。
  1、首先確立網(wǎng)站的VI(視覺(jué)識別系統)。張揚個(gè)性,一目了然,形成站點(diǎn)獨有的風(fēng)格。
    2、利用圖形圖像制作技術(shù)來(lái)確立風(fēng)格。如:金屬風(fēng)格的網(wǎng)站、像素風(fēng)格的網(wǎng)站(左圖)、蘋(píng)果按鈕類(lèi)晶瑩剔透的站點(diǎn)。當然這要求你有一定的技術(shù),深入挖掘,比如把整個(gè)站點(diǎn)做成木頭的感覺(jué)?這只是個(gè)提示,更多的還要你自己根據你現有的技術(shù)來(lái)思考。
  3、如果平面設計你不擅長(cháng),還可以從CSS、JS下手。利用別人沒(méi)有的特效來(lái)突出個(gè)性。
  4、其實(shí)用簡(jiǎn)潔的頁(yè)面來(lái)烘托內容的美麗也不失為一種方法,獨一無(wú)二的,也是一種風(fēng)格。

  • 色彩運用

  色彩搭配很適宜,但未必就有個(gè)性,比如同樣兩個(gè)搭配適宜的紅色網(wǎng)站,為什么會(huì )有不同的感覺(jué)?所以不僅僅有色彩搭配的問(wèn)題,色彩選擇與運用也非常重要。以前都是鼓勵大家用最穩妥的方式,那么現在談到創(chuàng )意,就要多多放開(kāi)些。比如同樣是藍色,不要懼怕別人也在用,你可以使藍色偏綠?;蚱t,選擇不完全純的藍色來(lái)設計,也就是創(chuàng )出同樣為藍色網(wǎng)頁(yè)不同的個(gè)性來(lái),當然也不能太想當然。

  • 字體運用

  很多人都不太在意這點(diǎn)。其實(shí)字體本身都是有表情的,它會(huì )把某種特性帶入你的設計中來(lái)。不管是按鈕、標題、圖片、文字,只要運用了字體,都要考慮適宜性。
  一、先來(lái)談?dòng)⑽?。從去年起,很多站點(diǎn)都運用了04~08號字體(右圖),它可以在6號字的情況下,顯示非常清楚。但是,這類(lèi)游戲機型、像素式的字體本身有一種高科技感和窒息感。它實(shí)在太小了。運用起來(lái)雖有一定好處,但是不代表它適合一切網(wǎng)站。
  我建議大家,去嘗試新的字體,不過(guò)應注意以下幾點(diǎn):
  1、如果你喜歡英文,可以到國外的免費字體站多多看看,去下載一些你喜歡的字體作備用。
  2、看看字體本身的特性,是否適合你的頁(yè)面。如果是兒童類(lèi),女性類(lèi),或隨意型的站點(diǎn),可以使用手寫(xiě)體、卡通的、草體的。如果是游戲類(lèi),或桌面類(lèi)站點(diǎn),可以使用沖擊力很強的字體。
  3、在字體的搭配上,同頁(yè)面不要使用超過(guò)三種字體。
  4、字體編排時(shí)要疏密得當,不可有窒息感。

  二、中文字體的運用。我想很多朋友都有這樣的感覺(jué):看到一個(gè)好的英文站點(diǎn),照搬過(guò)來(lái)?yè)Q為中文,卻非常難看。這是由于中文體積大,且使用宋體過(guò)多會(huì )妨礙感情表現。
  建議大家在使用時(shí)注意:
  1、可以去看看國外的網(wǎng)站,但不是英文的,而是日本、朝鮮、韓國、泰國等國家的站點(diǎn),因為他們與我們相同都是方塊漢字。如果他們設計的很好看,且模式運用起來(lái)很舒服,那就會(huì )同樣適用于中文的站點(diǎn)。
  2、對于中文字體本身的運用上,也如英文字體一樣,要考慮中文字體的個(gè)性情感問(wèn)題。方正字體、文鼎字體、還有經(jīng)典字體,都是很不錯的,裝來(lái)多看看。
  3、有的字體很適合做標題或LOGO中的標準字,比如:綜藝體。
  4、我發(fā)現很多朋友都偏好彩云體和琥珀體,雖然好看,但實(shí)在太大了,還是少用為佳。
  5、善用宋體字,比如你可以在Banner中運用粗宋體、老宋體等,或在平面圖片中編排,所以不要只用一種字體,這個(gè)法則對任何字體都適用的。

  • 視聽(tīng)效果

  視覺(jué)方面不難理解,可很多人忽略了音效、音樂(lè )的魅力。優(yōu)雅的旋律,神秘的音效,若符合你的頁(yè)面風(fēng)格的特色音樂(lè ),就可以考慮運用到頁(yè)面中。它不僅多了一種知覺(jué)感受,也加深了對視覺(jué)設計的理解,極富個(gè)性的網(wǎng)站都可以嘗試。
  應注意不要過(guò)多使用大家太熟悉的影視插曲,聽(tīng)太多了,會(huì )膩。如果能找一些網(wǎng)友原創(chuàng )的曲子就更好了,沒(méi)有聽(tīng)過(guò)的,自然就有個(gè)性嘛!

  • 內容編排

  風(fēng)格是建立在有價(jià)值內容之上的。一個(gè)網(wǎng)站有風(fēng)格而沒(méi)有內容,就好比繡花枕頭一包草??催^(guò)一遍,絕對不會(huì )再來(lái)。所以,首先保證信息的質(zhì)量和價(jià)值性。這是最基本的,毋庸置疑。
  1、為了突出個(gè)性化,可以不遵守段落空兩格的原則。
  2、標題的設計可以多樣化。
  3、段落間可以多些修飾。圖片,橫線(xiàn)等,但是要有規律,要統一。
  4、落款方式固定,以及頁(yè)眉、頁(yè)角都要做到統一。

  • 推薦站點(diǎn)

一、字體站點(diǎn)

  http://www.fontface.com  這個(gè)站點(diǎn)的所有字體,我去年就當完了。我欣賞它的字體縮略圖,用顏色來(lái)區別有表情的字體,感覺(jué)棒極了。
  http://www.4gee.com/font/index.htm 中文字體的下載。
  http://home.intercity.or.jp/users/masak/  這里有很多日文字體的下載。

二、韓國設計站點(diǎn):我挑了幾個(gè)我最喜歡的。你可以到Yahoo上去找!

  http://oullim.kidp.or.kr/
  http://www.dreamworksrec.com/forestforthetrees/
  http://webcook.mooni.co.kr/

三、金屬材質(zhì)風(fēng)格的站點(diǎn)

  http://www.sevenstudio.com
  http://ourworld.topcool.net/

四、像素材質(zhì)風(fēng)格

  http://www.habbohotel.com/
  http://www.nothing.ch

本文作者:
發(fā)表評論 共有條評論
用戶(hù)名: 密碼:
驗證碼: 匿名發(fā)表