《網頁.視覺與設計》

網頁.視覺與設計 內容簡介

本書的內容分為網頁設計的發展、美學、方法論及世界優秀網頁欣賞,評析等幾個部分。第一部分通過對網頁設計的形成、發展的論述,使人們對其來龍去脈有個輪廓性的認識,第二部分針對網頁設計特有的若干問題進行了詳細的論述,第三部分則對網頁製作時遇到的具體問題從方法論角度進行了分析和闡述,最後是世界優秀網站介紹,這些網站的網頁均是當今世界水準的網頁設計代表,不論從視角上還是審美上,相信都能給讀者帶來強烈的衝擊。
本書針對的不是初學者,而是有一定網路常識與網頁設計經驗的、那些搞計算機技術出身的網頁設計師們,以及那些出身於純藝術與平面設計的網頁設計師們,同時對於今後有志投身於網頁設計行業的年輕人也是一本很好的參考資料。

網頁.視覺與設計 本書前言

隨著科學技術日新月異的發展,嶄新的傳播媒體---網際網路誕生了,在網際網路這個世界裡,國界的概念消失了,人與人之間的距離,由天涯變為咫尺。網際網路的出現,同時也為設計工作者提出了一個全新的課題,更提供了一個廣闊的活動空間。
在“網頁設計”這個新領域裡,沒有網頁技術的產生和迅速發展,根本無從談起“網頁設計”。技術為設計建造了表現的基盤。而設計根據需要又不斷地向技術提出新要求,促進了技術的進步。它們是相互依存、相互促進的互補關係。每一個新技術的出現,都會引起人們的注目和興趣,這是很自然的事情。然而“網頁設計”如果完全依賴、沉醉於最新技術,忽視了“人”的存在,那么真正有魅力的網頁是無法誕生的,網頁技術就像攝影家手中的相機、相機不順手,當然很難創作出好作品,但相機不起決定性作用,最關鍵的因素是攝影家本人。一件藝術作品,是藝術家的思想、素養、對藝術的理解及表現技法的綜合體現。
現在讓我們去網上隨便瀏覽一下,充斥眼中的、不客氣地說,大多是些沒有經過真正意義上“設計”的網站,在這些網站中,我們看到的僅僅是技術的展示,內容的羅列、圖像的堆積,很難體會到“網頁設計”的“美”,當然,對還處在初級階段的網頁設計來說,這種現象是難免的,不過對於網頁設計師和準備從事此項事業的人來說,確實應該給自己定下更高的要求和目標。特別是長期從事設計工作的同行們應該更清楚、在這個媒體裡,雖然技術起到先導作用,但人們所追求的“交流” 這個最終目的的是要由設計來完成的,它的重要性不僅不會被淹沒。相反會得到進一步強化和穩固,本書所要強調的也許就是這一點。
由於以上主導構思的原因,本書沒有把介紹網頁製作的編程方法以及技巧作為主要內容,而是從審美的角度,把內容分為網頁設計的歷史、美學、方法論及世界優秀網頁欣賞、評析等幾個部分。“網頁設計的發展”一章,通過對網頁設計的形成,發展對傳統設計思想的衝擊和影響的論述,使人們對其來龍去脈有個輪廓性的認識。網頁是全新的信息傳播方式,它有自己的設計規則,因此針對網頁特有的若干設計問題進行重點、詳細地論述,是“新的媒體新的美學”一章的主要內容。從何做起,一章則對網頁製作時遇到的具體問題從方法論角度上進行了分析和闡述。
在本書最重要的章節---“網頁設計鑑賞”里所列舉的各網站的設計,均代表著當今世界高水準的網頁設計水平。和絕大部分在設計上缺乏藝術感的網頁相比,不論從視覺上還是審美上,相信都能給讀者帶來強烈的衝擊,從這些作品中,我們可以看到,這些網站的設計師對網際網路這種新的表現方式嫻熟的駕奴能力。儘管作品內容、設計方向、製作手法各有所異,但並不妨礙我們感受到設計家為了更有效地發揮網頁的表現性、可操作性、完成新概念的構想,而在各領域中做出的努力。同時還能聽到“我們設計家在網際網路中,也能創作出卓眾的設計作品。任何困難、也不能阻止我們向更新、更高的目標挑戰”的響亮宣言。欣賞優秀的作品是學習網頁設計的最好方法,希望讀者們能夠在自己的電腦里輸入這些URL,在網上實際體驗這些作品的丰采。
網際網路世界發展變化之快,的確讓人難以預測。由於網頁媒體獨有的特殊性,網頁更新之後,原先的設計一般人就再也無法看到。從某種意義上看,每一次的網站設計更新、都意味著又一個設計作品生命的終結,這對於優秀網頁設計來說,無疑是非常無情並令人扼腕不止的事。因此我們有義務把不僅是精彩網頁,還包括審美情趣,方法認等現階段的軌跡,作為網頁設計發展歷史長河中的一個瞬間,永久性地保存和記錄下來。如果這項工作對網頁設計的進步能起到哪怕是少許的作用,都會讓我們感到十分欣慰和榮幸。
網頁設計前途光明而無終極,這項新興事業需要依靠廣大設計師的辛勤努力才能使其更臻於完善。方寸之地,吐吶江山。中國古人的警喻,依然適用於現代網頁設計。

網頁.視覺與設計 本書目錄

網頁設計的發展

可能性的探索

形成與結構

設計方針的變遷

新的媒體 新的美學

兩個極端、圖書館與畫廊

關於速度

關於等待

簡潔明了

現場直播的魅力

從何做起

首先,了解你的客房

分析用戶的心理與特點

設計形式與風格的設定

關於網頁畫面尺寸

滾動條的制限

統一網頁形象

網頁指南系統

圖像製作

完成後的檢驗與確認

網頁設計鑑賞

設計家網站

Metadesign

thehub

The leonhardt Group

obsolete

typogRaphic

graphica 6+

JOKadesign

suction

dhky

Volumeone

image dive

商業、電子商務網站

BMW AG& BMW japan

Thai Airways international

SONY

NIKE

Armani Exchange

GAP

ABSOLUT PANUSHKA

SANOYA

電子雜誌網站

FUSE98

Express

FRAY

Giant robot online

glass dog

RSUB

Hotwired japan

Dream Works Records

教育.社會.文化網站

Atr center college of design

Nif elastic catalog

Teh alphabet

Fondation cartier pour lart contemporain

chinese art gallery

artseensoho

vitra

mao danqing's world

娛樂.其它網站

ENIGMA 3

relativity Records

eye candy 2.0

SOULFLARE

the eclectica

sinologic Arts collective

jodiorg

網頁.視覺與設計 文章節選

首先,了解你的客戶

在你拿起鉛筆或在你啟動photpshop之前,不要忘記與你的客戶交流,了解他們作網站的目的是什麼,針對的是哪一些人,二十歲左右的青年還是四五十歲的中年人,主要是男性還是女性。在開始階段,類似上述的情報掌握得越多,網頁設計的計畫書就會作得越準確越完善,有這樣一些客戶,他們對於建立網站的目的自己也不很明確,與這樣的客戶打交道是比較辛苦的。這時,你必須站在客戶的角度,同客戶一起探討建網站的目的,應該提供什麼樣的服務,應該針對的哪些用戶,網站建成後會得到什麼樣的效果。在網站運營上應該注意一些什麼樣的問題等等。具體到頁面設計上也是同樣,你的客戶也許會要求你在主頁上把公司的所有信息都放上去,如公司的理念以及世界各地的分公司名單、照片等等,這種時候,你又難免要對網頁設計中應該注意的一些問題,如下載速度等等作一番解釋。也可以說要做一些網際網路以及網頁設計常識的普及教育。這是難免的,因為你作為網頁設計專家,應該具有豐富的網際網路知識與經驗,而你的客戶是各種各樣的,也許他們對網際網路只是一知半解。

分析用戶的心理與特點

與以往的設計一樣,在進行設計之前,你必須明確你 網站的用戶以什麼形式傳達什麼樣的信息。你首先要分析你所設計的網站的用戶是一些什麼樣的人,他(她)們的年齡、性別,他(她)們的網際網路經驗與網際網路常識是怎樣的,具有多大的忍耐度,並且要了解他(她)們是為了娛樂、還是為了取得信息而來到這個網站。掌握了這些信息後,就好給網站的設計風格、個性定位,在這裡我們就拿《佐野屋》做一個例子,它是一個地酒(日本清酒的一種)的銷售網站,它的主要用戶定位於30到40歲的男性,能夠在網上購買地酒的必定都是一些地酒愛好者,為了找到自己喜愛的地酒而來到網上,所以可以想像他們都具有一定的忍耐度,而且有一定的網上經驗,這些人基本上都處於工薪階層,所以從工作單位上網的應該占多數,單位里一般都是專用線,下載速度應該是比較快的,藉助以上的分析,網頁的設計風格就有了一個比較明確的定位。電子商務網站的基本要求是下載速度的快捷與技術套用的普遍性。所以,這個網站在技術上沒有採用Flash等新技術,但考慮到用戶都是一些傳統地酒的愛好者,所以在網頁設計上強調傳統風格與男性的氣息,沉著的色彩運用,毛筆字的點綴,以及對商務的極力烘托,沒有這些要素的話,是很難吸引這些用戶的。在技術分析方面,對用戶的定義是非常重要的。下載速度、上網場所(自家還是單位)、末端環境、瀏覽器、上網經驗等等,對目前與將來的網站建設都有著非常重要的參考價值。這些分析結果直接影響到網頁設計風格的定位和網頁設計的複雜程度,為了避免日後的混亂,這樣的前期作業一定要做得踏踏實實。

設計形式與風格的設定

在完成了用戶分析之後,下一步就要對網頁的設計形式與風格做一個設定。在“圖書館式”與“畫廊式”網站的連線的哪一個點上,這個判斷要根據以上的分析,然後由你自己來決定。如果是想讓大多數網民都來看的信息情報提供型的網頁的話,設計的簡煉性、普遍性、技術上有泛用性、下載速度的快捷性等等,就成為最重要的課題。另外,在網頁畫面尺寸的設定上也要考慮到還有一些網民的末端環境還是640*480解析度的15英寸顯示器,瀏覽器還是幾年前的Netscape1.0、2.0。這些都是不足為奇的。你要想讓更多的人能夠看到你的網頁的話,這些因素你都要考慮進去。如果你的網頁只是針對特定的一部分人的話,也就是說,你的網頁更接近“畫廊式”網站的話,那你自然可以不用過分地考慮那些影響你想像力的問題,你應該把更多的精力放在對風格與個性的追求上,即便你的網頁下載速度有所降低也不是最關鍵的問題,只要你的網頁有足夠的魅力,能夠吸引人,相信人們是會耐心等待的。
“the eclectica”是一個很慢的網頁,它的背景就是一幅整面的圖像,這在一般人看來簡直就是沒有網際網路常識,是的,它無視了那些常識,但是它擁有著自己的獨特的風格與個性,這種風格與個性給人的視覺帶來了一種衝擊,因為搞視覺藝術的人們需要這種刺激,所以相對地等待對於他們來說已不成問題。這不是說圖像越大就越好,也不認為下載速度越慢就越有個性,我只是想告訴那些追求藝術性網頁的設計師們,不要過分被某些規矩所束縛,下載速度的快慢當然會對你的網站成敗起到很大的影響,但它不是絕對的,獨特的風格與創才是最有力的武器。

熱門詞條

聯絡我們