存在的問題
商業服務
網站設計大多數枯燥乏味乏 味,沒有魅力,不足吸引人。
為何?
易用性權威專家們最常見的口頭語便是: 一個網站要獲得成功只靠前端開發頁面不是 夠的;
她們協同起來,大部分徹底拋下自主創新 性網頁制作的關鍵觀念;
這種權威專家聲稱一套嚴苛的建立網站所 務必遵循的“政策法規”,而不是她們宣稱 要出示的“基本方針”;
企業對易用性較弱的網站設計越來越非 常警醒;
覺得互聯網只求一小類網址存有的見解 已根生蒂固。終究,即然車輪子早就存 在,再去創造發明簡直多此一舉?
否認前端開發頁面的必要性將傷害到一切 網址的取得成功。
解決方案:個人興趣愛好
為了更好地使您的網址已不看起來傳統或效仿 他人的設計風格,您務必將目光從商務網站 遷移到現如今網站設計領軍人的個人網 站在;
來訪者應當能“覺得”到您的網址。 它并不是一個數據庫查詢,只是溝通交流的媒體。
本專題講座的目地取決于:
* 探討設計過程,協助您設計方案一個有 使用價值的網址/頁面/服務項目作用;
* 例舉設計方案中必須留意的事宜;
* 探討圖像設計構思,提升網址的視
覺實際效果;
* 告訴你哪兒可以尋找大量協助;
* 協助您以苛刻的目光剖析網址和互
動服務項目。
網站設計
大家接下去將講到:
● 設計過程
● 智能化設計
● 必須考慮到的關鍵要素
● 謹慎使用Flash
● 常見問題
設計過程
環節:
* 產生設計方案觀念:在新項目開發設計的前期環節您必須處理一些十分重要的難題;
* 設計:為您的項目分析適合的
網絡科技,搜集網站內容;
* 制做環節:將所搜集的內容在一個
綜合性的網址頁面上充足地反映出去;
* 檢測和反復設計過程……
關于時間的考慮到
在設計方案和制做互動交流新項目的全過程中,任 何事兒都必須時間。您必須時間去:
* 掌握哪些合適于互聯網;
* 掌握哪些專用工具能用來制作網頁;
* 健全網址。
設計方案出出色的網址很不易!針對大部分人而言不容易一次取得成功,必須努力非常大的勤奮。
確立目地
自始至終充分考慮您的網址/互動交流服務項目要想 處理的難題;
正確認識難題。您對網址的目地了解越重,越有利于您尋找解決困難的方式 ;
挑選恰當的方式。為何選擇?
明確受眾群體
您必須明確網址的受眾群體群,并盡量 地依據她們的愛好決策方案設計;
另外您必須掌握受眾群體根據哪些機器設備或 專用工具聯接到互聯網技術。
產生方案設計
假如您的顧客必須突顯品牌形象,那麼設計方案 的總體目標應該是提高來訪者對知名品牌的印像,使她們 在離去網址時覺得顧客的知名品牌要比類似知名品牌好
(最少和類似非常);
假如您的顧客是一個非盈利組織,或即便是某商業服務企業的顧客適用部,設計方案總體目標應各有不同,即是:確保訪問者能輕輕松松地尋找所必須的信息內容和資源;
在設計過程中自始至終將總體目標銘記于心,不必過度追求完美網址的視覺沖擊。
不斷掂量
您不可以設計方案好的網站之后交到顧客就一走了之;
在網址進行之后,您需有方法明確其所吸引住的來訪者是否您的總體目標受眾群體及其她們是不是能從網址得到有效的信息內容;從設計方案前期剛開始維持靈便的工作中觀念;做一個簡易的網址原形,在您的工作中工作組里檢測并使用。
網址的另一種內容
顧客期待放到網址上的信息內容并并不是唯一 關鍵的網站內容。來訪者并不是被控制的觀 眾,您的網址務必足夠吸引住她們;
她們在花時間訪問網址的另外,期待能 夠尋找好用的信息內容或專用工具,或者好看的設 計,或者好玩的小游戲,或者能免費下載的完全免費 券,或其他一些有趣的網站的連接。
技術性不屬于網站內容
大家總喜愛為網址加上一些不重要的功 能來顯擺自身把握的全新網絡科技;
過多不重要的作用會造成來訪者難以找 到真實的內容;
您所應用的一切一種網絡科技都不可以偏 離網址的目地。
技術性的主要用途
動漫、響聲、交互性、精心策劃的規范 靜態數據圖象,這種都可以吸引住來訪者,并使 您的網址給他留有深刻的印象;
假如恰當,網絡科技能夠 提高網址 的感染力,或使網址越來越更為趣味。
依據受眾群體挑選適當的技術性
假如您的受眾群體是專業技術人員,那麼您能夠 暢快地應用全新技術性和各種各樣軟件;
假如您的網址朝向大家,那麼必須應用 較為普遍和通用性的技術性。太前端開發的技術性有 很有可能使不太熟互聯網的受眾群體造成陌生感。
其他有關技術性的考慮到
網絡速度和CPU速率
屏幕大小
瀏覽器版本
HTML標識層面的難題
謹慎使用Flash
假如應用適當,Macromedia Flash可能是提高 網址誘惑力的出色專用工具;
但悲劇的是,它是現階段最被亂用的網絡科技之一(大家稍候會見到一些事例)。
我最喜歡的網站設計師Curt Cloninger一針見血 地強調: “自Flash造成至今,這些年青的網站設計師們 就拋下了友善的操作界面設計方案,而一頭插入鋪滿 莫名其妙渦旋的沼澤里。”
暗喻
為您的網址或開發設計新項目設置一個總的暗喻;
當暗喻逐漸產生之后,您就可以剛開始網站設計 頁面,根據它將信息內容和內容傳送給受眾群體;
在設計過程中,暗喻的應用將使受眾群體在瀏覽網 站時想到到現實世界,給他親近感;
除開考慮到所設置的暗喻能否較大水平地協助 受眾群體了解網站內容,還必須留意它是不是一直能適 合您的網址。
個性化
您所出示的服務項目務必具備自身的真實身份和 個性化才可以出類拔萃;
您將用哪樣方法呈現信息內容或內容?趣味 的、技術性的、時尚潮流的、隨便的、還是正 式的?
不管您選用哪樣方法,請記牢持之以 恒。
設計風格
為網址提升味兒的最重要的推動者之一便是網址 的設計風格,包含網頁布局、照片的應用、字體樣式、色調 等;
網頁頁面的合理布局應充足靈便,便于適用網站內容的變 化和不一樣的新聞媒體種類;
運用三維空間的定義:現實世界并并不是一個平面圖;
盡可能使網站布局和設置的暗喻保持一致。
網址的組織架構
大部分人到發覺新的網站時一般有兩個難題:我 能在這個網址尋找哪些?根據哪些方式尋找?
當機構網址構造時,您會感覺進退兩難:一方 面,您期待在網頁頁面上盡量多地顯示信息選擇項供不一樣 的訪問者挑選,那樣她們就可以輕輕松松地尋找要想 的信息內容;而另一方面,您又期待給訪問者一個總 體的網址指導,告知她們如何尋找關鍵內容。
總體來說,每一屏所顯示信息的關鍵選擇項不可超出 六至十個。
正確引導訪問者
為訪問者鋪建一條“暢行無阻的道 路”。沒人比設計師更清晰如何充足地 應用網址;
將這一條“金子路面”而不是流水賬單一樣 內容清晰地呈現給訪問者;
做一個網站構造樹形圖,看一看構造是不是可以再簡約點,內容是不是能夠 更形象化有 力。
搜集內容
網站制作的下一步便是明確內容的來源于。這兒的內 容包含文本、照片、視頻和響聲;
當您已搜集到一些內容并準備制做或選購大量時, 很重要的一步是要為內容的展現方法創建一系列規范,包含內容的得到、公布和備份數據規范。
要制成一個內容和設計風格統一的網址,創建那樣的標 準十分關鍵。應當讓全部的工作員都清晰掌握并按 照規范實行;
搜集內容應當變成工作中工作組相互的工作中。
銘記網址的總體目標
在設計過程中必須自始至終側重于您期待受 眾從網址獲得什么,并盡可能使訪問您的網
站變成一次開心的歷經;
假如您不確定性全新的技術性是不是合適您的 網址,請記牢:簡易一般是最好是的。
自主創新的全過程和圖像設計方案技術性
夯實基礎
一旦網址的整體暗喻或設計風格明確之后,網頁頁面的 情況就變成其他照片的視覺效果基本;
網址給來訪者的覺得是頁面友善、高新技術、還 是超現實主義,在非常大水平上在于背景照片;
針對情況設計方案基本上沒有一切限定;
無損壓縮技術性可根據如GIF和PNG等圖片的格式運 用的游程長短編號(run-length-encoding)非常好地 縮小擁有大面積反復色調或圖案設計的簡單圖片。
不能小看的文本
文本及個性字體是建設網站的強勁專用工具;不必主觀臆斷地覺得網址務必根據照片的很多
應用;文本能夠 被作出許多實際效果。您能夠 運用圖象專用工具做特殊字體,完成三維實際效果,更改文字色調這些;應用能歸納網站內容的關鍵詞,它能吸引住來訪者的留意;假如您能熟練地運用文本這一強勁的專用工具,那麼最后設計方案比較好的網站將十分具備誘惑力。
內容的目地
針對設計過程中應用的每一張圖片或每一個特 殊實際效果,問一問自身:“它能表達什么含意?用它 的目地在哪?”假如你察覺自己隨意置放了很多的剪貼畫、未標 記或不起作用的照片,那麼慢下來,打自己一巴掌;網頁頁面上的全部內容務必以問題為導向,并與網址的 設計風格保持一致;防止應用沒用的裝飾藝術照片,他們除開減少訪 問速率之外別無它用。
照片的來源于
制做大中型互動交流網址較大的挑戰取決于怎樣制作能 表述設計師觀念的優秀圖片;將現有照片和數據插圖有機化學地融合起來能夠 起 到非常好的實際效果;對在網上尋找的照片開展再生產加工用以您的網址;如果有工作能力,您能夠 根據Photoshop, Fireworks和數碼照相機等專用工具自身設計圖片。
圖象處理技術性
假如您準備自身設計圖片用以網址,可考慮到以 下的照片處理技術性來提高網址的視覺沖擊:
* 黑影
* 斜坡和浮雕圖案
* 漸變色和光影效果
* ps濾鏡
* 軌跡
* 模糊不清
* 路徑描邊
* 圖象旋轉
其他方法
用途徑建立文字
照片上的文本選用蒙版文字
運用現有照片開展扣圖解決
解決線框時應用紋路實際效果
將類似的內容歸類
應用比照獨特的色調產生差距
將黑白色和光澤度融合可造成出乎意料的
實際效果
選用圖片配文字的方式
其他設計方案方法提醒
導航欄頁面
導航欄頁面應與已明確的網址暗喻相符合;
導航欄頁面應盡可能“全透明”,即:不可以阻攔客戶 搜索信息內容;
它應清晰地顯示信息客戶所在的部位,并使客戶能 輕輕松松地返回之前瀏覽過的網頁頁面;
導航欄頁面的文字連接應應用說明性文本;而圖 標連接的照片應與目地網頁頁面的內容相符合。
主頁的功效
說明網址的目地和具體內容
顯示信息具體內容歸類
表明網址的總體設計風格
使來訪者對網址的暗喻有基本印像
留意:防止應用多余的品牌形象網頁頁面(splash page,即僅包括照片或flash的網頁頁面)。大部分狀況下這類主頁對來訪者掌握您的網址不了一切功效。
盡可能使內容清晰一目了然;模棱兩可的設計風格 會使您喪失很多閱讀者;
應用受眾群體了解的語言和符號;
維持內容和設計理念一致;
運用差距;
盡可能選用干凈整潔的設計理念;
記牢:互聯網技術是一個動態性媒體,同一信息內容可有多種多樣主要表現方法;
明顯的感觀體會能夠 吸引住來訪者。
其他提醒
每星期機構兩小時的小組會,探討新項目進度情 況、最近任務、設計方案和技術性難題這些。工作組組員 相互之間探討難題溝通交流好點子;
如果有多種多樣方案設計,選用原形評定挑選最好 計劃方案,并征求各工作組組員的意見與建議;
在為新項目程序編寫時,選用高并發版本號自動控制系統 (Concurrent Versioning System, CVS)處理不 同版本號間兼容性問題,簡單化備份數據工作中和控制模塊輸出。
文中公布于北京市網站建設企業酷站科技http://www.ttscar.com.cn">
來源于申明:以上內容一部分(包括照片、文本)來自互聯網,若有侵權行為,請立即與本網站聯絡(010-57218159)。
如沒特殊注明,文章均為酷站科技原創,轉載請注明來自http://www.ttscar.com.cn/jianzhanzhishi/3412.html