網頁設計只是內容模組的排布嗎?顯然不是,伴隨著html5和css等技術的發展,網頁設計對使用者體驗越來越重視。網頁設計發展至今,大概經歷了三個階段,最早是由乙個設計角色完成,工作包括了設計和開發實現,然後是由兩個角色完成,設計師加上程式設計師。現在設計的工作又細分為互動設計和視覺設計,開發也細分為前端和後端等。網頁設計開始之前,首先要明確產品的定位,一般可以分為:功能、資訊內容與形象3大類。看看自己的產品是其中哪個型別,每個型別的展現形式各有不同,可以多看同型別的網頁,看看該型別的設計異同點,不一定開始就得看競品,這樣一來可能會被競品的樣式限制住。設計應該是從戰略層開始入手,不要急著框框畫畫,花時間先了解業務內容,理解業務邏輯。同時也提前做好設計風險評估,為接下來的設計安排計畫,避免頻繁返工,提高設計效率。
對於網頁設計來說,導航是很關鍵的一部分,很多新手理解導航只是想到主選單的tab標籤,其實那只是導航的一種形式,像檢索、分類、麵包屑等都屬於導航的部分。導航就是給使用者指引,幫助使用者找到方向,去想要去的地方,並能夠及時返回。在我們設計的時候,要根據專案的實際需求,用資訊架構來決定互動的導航方式和視覺的形式,而不是反過來,直接用互動或視覺形式來決定導航。這裡舉的導航只是其中的乙個例子,像頁面其他的元素也要根據專案的實際需求準確的運用,而不是為了形式而設計。
通常在設計乙個**的時候可能會涉及很多個頁面,有可能達上百個頁面。每個頁面都有相同的元素和元件,他們可能組成在功能上或內容上有所區別,但是頁面數量過多時,往往容易忽略元素的規範統一。所以建議在網頁設計開始之前,先搭建乙個基礎的元素與元件規範文件。當然這個文件並不是一成不變,它會根據設計的過程調整,長期維護。當頁面需要元素或元件時,可以從這個文件中調取,避免頁面過多規範不統一,導致設計結果讓使用者發生認知障礙。
設計的好與不好,不是由領導說了算,而是由最終的使用者說了算。體驗設計方法中驗證很重要,在**上線之前,做可用性測試能夠及時發現存在的問題,避免上線後再修改,維護的成本更高。具體的方法在前面的章節也有講述過。此外,條件允許的話可以使用眼動儀測試,研究使用者眼動的軌跡和熱區圖,了解使用者的關注度,結合可用性測試觀察使用者被哪些資訊干擾阻礙了任務的進行。
網頁設計的布局很重要,但不能一開始就陷入了形式上的思維漩渦,網頁的存在形式是取決於**的服務型別,結合實際需求目標,也要善於打破常規做出區別於競品的網頁。在使用者體驗設計上,著重要考慮互動設計,互動設計不僅代表著使用者體驗的易用性、友好性等指標,還承載著**的商業目標,使用者轉化率的指標。所以加強互動性的功能設計,增強使用者的新鮮感、參與感與成就感,這才是乙個做好網頁設計的基礎。
初學者在進行網頁設計的時候容易被一些表象的形式所迷惑,會忽略一些規範性原則和網頁的細節。網頁形式的美固然很重要,但相對來說網頁的資訊呈現更加重要。比如,最近流行起來的卡片式布局,如果在設計尚未開始的時候就急著確定了網頁採用卡片式的形式,這種為了形式而設計的網頁,很可能會不適合網頁本身的資訊內容。
雖說網頁設計不是簡單的排版工作,但是也要求互動設計師要懂得視覺編排的知識,比如**分割比例、柵格化、f式與z式布局等。與視覺排版不相同的是互動設計要關注資訊內容,先把資訊內容整理,根據資訊內容的特點結合設計目標,進行有目的性的組織和排布,使得資訊的呈現更加規範,變得有規可循、有理可依,結構上清晰明朗。從而使使用者在獲得美感之後使用上更加高效。簡單的說,視覺排版是為了形式美而設計,互動設計的網頁框架布局則是對資訊的組織、加工及分類,再結合使用者習慣與視覺美感完成的設計。
上面講到網頁布局的原則有很多,經典的**分割與柵格化我們都比較熟悉。而像f式布局、e式布局、z式布局等布局方式都是由古騰堡法則演變出來的。古騰堡法則講的是:一般的情況下,使用者瀏覽習慣是從左上角開始,視覺最終落點在右下角。簡單來說,「從上到下,從左到右」就是人的眼動規律。當然也有特殊的情況,一些國家地區的人群瀏覽習慣是從右到左,所以在設計之前一定要了解目標使用者的背景與習慣。
網頁設計發展到現在,從需求到運營管理,都是有規可循的。但這不意味著互動設計就應該一成不變,互動設計的核心價值就在於跳出傳統的條條框框,在現階段實踐的成果上不斷去探索開闢新的世界。比如,隨著響應式的發展,產生了卡片式布局與瀑布流,這不僅能解決不同螢幕的適應問題,在形式上也能滿足大部分資訊內容的需要,靈活性也比較高,適當調整就可以出現不同層次的資訊排布。當然卡片式也不是無懈可擊,它只能適用於部分**型別。所以網頁的創新布局發展仍在繼續,鼓勵設計師們不斷探索。但無論你的設計如何奪目,首先必須要滿足使用者的基本需求也就是可用性,才能夠讓使用者輕鬆愉快地瀏覽你設計的網頁。
隨著新的技術發展和新的裝置出現,它們都會影響網頁設計,改變現有的網頁格局。不變的是網頁都是為人類服務的,設計過程要時刻思考使用者的背景和行為方式,換位思考代入他們,想想他們是如何理解網頁的。任何使用者使用**都是有目的性的,進入**之後,他們會朝著目標去進行操作。所以網頁中的一些不起眼元素和需遵守的設計原則,在設計過程應該多加留意,因為這些會給你的網頁從使用體驗上和商業價值上帶來提公升。
完愛讀(原創讀物|色技手稿
怎樣做好網頁文字的排版
做好網頁中文字的排版,特別對於大篇幅的文字,可以增加網頁的美觀性使讀者更有耐心閱讀,提高使用者體驗度。在網頁設計裡,文字排版主要由三個因素控制 字型大小 font size 行距 line height 間距 margin,padding 認真調整這三個因素的值,可以實現理想的效果。基礎行距 在垂直...
教你去除dede底部版權資訊中的官方鏈結
自從dedecms織夢系統更新到6.7日的版本,底部版權資訊呼叫標籤會自動加上織夢官方的鏈結 power by dedecms 想必很多新使用者使用中都想去除這個官方的鏈結,由於這是官方的作為,本文只是提供乙個技術的交流,並不鼓勵大家去除底部的鏈結。好了,回歸正題,大家知道,進入後台在後台的系統 系...
網頁內容只是寫給訪客看的嗎?
內容是 優化的核心和靈魂。作為一名seo人員,如果你 的設計理念只是 網頁內容只是寫給訪客看 那麼只能說明你的 建設思路太老套了,那是老一代的建站思路。建設之初是有運營人員和 編輯主動去建立內容,來吸引使用者。當 達到一定人氣後,則要通過運營策略去刺激使用者不斷地創作更多的內容,通過不斷迴圈帶來新使...