網絡世界
henhao
暱稱: bb
性別: 女
國家: 台灣
地區: 其他地區
« May 2026 »
SMTWTFS
12
3456789
10111213141516
17181920212223
24252627282930
31
最新文章
android遊戲論壇-創圖...
鎢鋼-銑床檢修技巧
黃金買賣-黃金白銀價格...
網路創業-現在有什麽 創...
婚紗照風格-細談婚紗攝...
文章分類
全部 (453)
醫療保健 (22)
工業機械 (20)
休閒娛樂 (6)
生活資訊 (140)
汽車 (6)
花店資訊 (19)
服飾批發 (9)
美食與餐飲 (38)
美容整形 (26)
家政服務 (10)
家政服務 (7)
旅行住宿 (11)
婚慶文化 (11)
教育學習 (24)
買房與租房 (2)
搜尋行銷 (59)
經濟金融 (31)
徵信與徵信社 (11)
未分類 (1)
訪客留言
最近三個月尚無任何留言
每月文章
日誌訂閱
尚未訂閱任何日誌
好友名單
尚無任何好友
最近訪客
最近沒有訪客
日誌統計
文章總數: 453
留言總數: 0
今日人氣: 52
累積人氣: 1650
站內搜尋
RSS 訂閱
RSS Feed
推薦
蜂蜜 隱形鐵窗 花蓮民宿 日月潭民宿推薦 日月潭民宿 空壓機 助聽器
網站連結
寵物用品
生日|禮物
白蟻
台北招牌
室內設計
室內設計
室內設計公司
胎毛筆
高雄骨灰罐
眼鏡
搬家公司
2010 年 6 月 30 日  星期三   晴天


簡潔網頁設計視覺呈現技巧 分類: 搜尋行銷

簡潔網頁設計視覺呈現技巧
如何讓雜亂又咄咄逼人的網頁變得輕薄簡潔而美觀,又需保留完整功能、同時很好的區分出重點模組?這往往是讓設計師困擾糾結之源;如何更好的將多餘的元素、色彩、形狀和紋理剔除,保留重點並梳理清晰的視覺流動方向?
如果一個頁面有太多的元素,使用者將迷惑于去看哪裡或誤解每個元素的優先順序。優秀的設計師需要用設計語言將將使用者的視覺焦點正好引導到正確的內容上,極簡的網頁設計能夠將最重要的內容帶到使用者面前並避免分散使用者注意力,比如,在一個黑白設計上的任何色斑,都會引起使用者的注意力,色彩本身也將成為焦點,這便成為我們即將要展開探討的小小話題。產品原型視覺轉化
設計開始之初,從原型稿到視覺稿的轉化過程中,擅長圖形化識別的視覺設計師們,在面對繁雜而單調的線稿內容時,往往急於上馬大施拳腳展開創作,缺忽略了清晰梳理判斷整體頁面結構的重要環節。
哪些屬於重點模組需要突出展示,哪些次要模組可以移動到更優化的佈局或者精簡合併?這是一個需要長期經驗積累,不斷磨練耐心和提高理解判斷能力的成長過程,也是職業化的開端。
權衡佈局及簡化設計
排版佈局中的平衡、對齊及對比關係,對頁面視覺效果至關重要。如果畫面效果頭重腳輕,或者左右不均衡,會讓使用者感覺到壓迫感,從而影響到流覽資訊的順暢。
實現簡化設計的第一步,不是簡單的去掉大部分圖片,而是要重新考慮內容並將其簡化到無遮蓋的需求。只有那樣才能讓頁面中最重要的元素實現其預期的效果。
我們可以寫下必須要的內容:logo、介紹、導航等等。和你的產品經理一起,去掉其它一切不需要的元素,盡可能的丟掉它們。
這裡的關鍵並非讓網站有較少的功能,而是去掉不是必要的元素或將多個部分整合到一個更簡單的佈局。你也可以分割內容到獨立的頁面,給予內容的每個部分更多關注。
善用色彩的心理暗示
簡約而通透的白色頁面
白色,因其明度最高,無色相,明亮乾淨、暢快、樸素,永恆無暇,在自然界象徵著極致的純淨與貞潔。白色優雅、平和而簡單,沒有強烈的個性,因而網站設計中,白色具有高級,科技的意象,是永遠流行的主色調。
輕快的白色可以給人很好的輕快速度感,運用得當可以讓其它任何淺顏色及亮顏色呈現出其深度、明度和飽和度的不同,通過對比讓其亮色更加明快、專注和舒適。整潔、大空白的同時讓使用者保持歡快的情感進行流覽。
下麵的網站展示了如果使用白色來呈現內容和一個網站自身的潛力:
精緻高雅的灰色紳士
“灰質(Gray matter)”讓人聯想到智商與腦力。它不像黑色那麼鮮明,又不像純白那樣蒼白,灰色是黑與白的過度,是完美的補色。灰色可以和任何色彩搭配,由於它的中立性,它常常被用作背景顏色,可以讓其它色彩突出。使用淺灰色替代白色或者用暗灰色替代黑色,能夠賦予台中網頁設計與眾不同的高雅之感。
灰色無論是作為背景顏色還是標題或者主字體顏色都很流行。灰色也是極簡主義網站設計的首選色彩,這類網站通常會選用淺灰色作為背景色彩,然後選用深灰色作為主要的字體顏色。這裡是一些使用灰色的幾個很不錯的網站設計。
設計的加減法哲學
從第一個圖元開始,我們開始不斷用加法進行創造,網頁設計公司搭建出完美的設計作品,然而這就是極致麼?在設計適時運用放大或減少,不斷地變化,可以更好的趨向極簡,反復歷練考究每一個必要的元素存在的價值。
空白不等於蒼白
頁面變得蒼白?是不是整版的文字缺少圖片的點綴?在保留有必要的留白空間後,試著為文字配上






訪客留言 (返回 henhao 的日誌)

訪客名稱:
電郵地址: (不會公開)
驗證碼:  按此更新驗證碼 (如看不清楚驗證碼請點擊圖片刷新)
俏俏話: (必需 登入 後才能使用此功能)
[ 開啟多功能編輯器 ]