網頁設計視覺呈現技巧
如何讓雜亂又咄咄逼人的網頁變得輕薄簡潔而美觀,又需保留完整功能、同時很好的區分出重點模塊?這往往是讓設計師困擾糾結之源;如何更好的將多餘的元素、色彩、形狀和紋理剔除,保留重點並梳理清晰的視覺流動方向?
如果一個頁面有太多的元素,用戶將迷惑於去看哪里或誤解每個元素的優先級。優秀的設計師需要用設計語言將將用戶的視覺焦點正好引導到正確的內容上,極簡的網頁設計能夠將最重要的內容帶到用戶面前並避免分散用戶注意力,比如,在一個黑白設計上的任何色斑,都會引起用戶的注意力,色彩本身也將成為焦點,這便成為我們即將要展開探討的小小話題。
產品原型視覺轉化
設計開始之初,網頁設計從原型稿到視覺稿的轉化過程中,擅長圖形化識別的視覺設計師們,在面對繁雜而單調的線稿內容時,往往急於上馬大施拳腳展開創作,缺忽略了清晰梳理判斷整體頁面結構的重要環節。
哪些屬於重點模塊需要突出展示,哪些次要模塊可以移動到更優化的佈局或者精簡合併?這是一個需要長期經驗積累,不斷磨練耐心和提高理解判斷能力的成長過程,也是職業化的開端。
權衡佈局及簡化設計
排版佈局中的平衡、對齊及對比關係,對頁面視覺效果至關重要。網頁設計如果畫面效果頭重腳輕,或者左右不均衡,會讓用戶感覺到壓迫感,從而影響到瀏覽信息的順暢。
實現簡化設計的第一步,不是簡單的去掉大部分圖片,而是要重新考慮內容並將其簡化到無遮蓋的需求。只有那樣才能讓頁面中最重要的元素實現其預期的效果。
我們可以寫下必須要的內容:logo、介紹、導航等等。和你的產品經理一起,去掉其它一切不需要的元素,盡可能的丟掉它們。
簡約而通透的白色頁面
白色,因其明度最高,無色相,明亮乾淨、暢快、樸素,永恆無暇,在自然界象徵著極致的純淨與貞潔。白色優雅、平和而簡單,沒有強烈的個性,因而網站設計中,白色具有高級,科技的意象,是永遠流行的主色調。
輕快的白色可以給人很好的輕快速度感,網頁設計運用得當可以讓其它任何淺顏色及亮顏色呈現出其深度、明度和飽和度的不同,通過對比讓其亮色更加明快、專注和舒適。整潔、大空白的同時讓用戶保持歡快的情感進行瀏覽。
|