過去,
網站設計師將重點放在展示自己的技能和設計作品,炫耀那些酷炫的插圖和動畫,希望能夠經驗訪問者。后來,潮流轉向了擬物設計,試圖將真實的生活展示在屏幕上,具有逼真的紋理、陰影和真實的物體特征。
后來,
扁平化設計出現,并推翻了這些“人工的”設計技巧,轉而開始追求更加簡化的、經典的數字化審美。盡管這種以用戶為中心的
網站設計風格已經出現了多年,但仍然很受歡迎。所以如果你還不了解
扁平化設計到底是什么,本文可以助你一臂之力。
什么是扁平化設計?
Windows 8曾處于平面設計趨勢的前沿
扁平化設計是一種簡約的設計方法,強調實用性。這種設計具有干凈、空間開闊、邊緣清晰、色彩明亮、二維插圖等特點。
微軟是首批在自己的界面應用
扁平化設計的公司之一。
扁平化設計并沒有使用把真實的物體(比如日歷)轉化為一個小小的逼真插圖,而是用簡單的的圖標來識別不同的應用。
扁平化設計并不需要將真實生活應用到界面中,而是清晰地區分了技術與實物的界線。
簡約不等于無聊扁平化設計中,裝飾性元素被視作不必要的雜亂。如果某個元素沒有功能性,那就是對用戶體驗的一種干擾。這是
扁平化設計強調簡約的原因。
但是,沒有華麗的設計并不意味著這種風格是無聊的。明亮的、對比強烈的色彩讓插圖和按鈕從背景中脫穎而出,很容易就能抓住人們的視線,并引導用戶的注意力。簡約圖像同時也有助于突出
扁平化設計的功能性。
快速掌握比起復雜的插圖,簡單的圖像能夠更快速地傳達信息。圖標類的圖像可以表示通用的動作或者目的,大家都能輕松了解。
擬物設計和扁平化設計的區別是顯而易見的。大的純色塊更容易抓住人們的注意力,圖標的意義也更容易被理解。
Xero的云計算指南使用了扁平化設計,讓信息更清晰易懂
上圖中的云計算指南使用了平面圖形和圖解的組合來展示在工作中使用云的各種優勢。圖像的簡單性使得用戶可以輕松理解信息。
你能從中得到什么扁平化設計回歸到了設計作為功能性工具的基礎。網站的優劣應以功能好壞而論,而不是以外觀而論。
這種原始功能性將網站的重點放在了用戶體驗上,因此采用了
扁平化設計的網站通常能夠獲得來自用戶的積極反饋。
怎么做扁平化設計的要點,是所有設計元素均應遵循一個原則,那就是簡約。
鮮明的純色代替解說細節將不同的功能區分開來,無襯線字體為插圖提供干凈清晰的補充;文本簡明扼要;UI元素比如按鈕和鏈接等清晰而明顯。
所有的內容均應圍繞同個目標進行設計,來打造一個視覺性和功能性都很棒的網站。下面給大家介紹幾個
扁平化設計的例子。
Tripfinder
色彩和圖標讓信息更清晰
上圖中的旅行計劃應用設計來自印尼用戶界面(User interface,UI)設計師Bady。用戶可以根據套餐和預算輕松下單預定航班。一切都清晰明了,設計很大程度上依賴于顏色和圖標。航班搜索的UI非常明顯。
天氣預報應用
上圖中的天氣應用
用戶界面設計表明
扁平化設計即使不使用亮色也能成功。清晰的圖像和大號的字體能夠輕易地將用戶的注意力引到天氣情況上面,而這恰好也是用戶需要的內容。
在開展
扁平化設計時,請確保圍繞簡約和以用戶為中心這兩個重點設計每個方面,以確保用戶界面的統一。能夠成功地堅持這一點,用戶將會十分欣賞網站的功能性。
網站標題:扁平化設計初學者指南
網頁鏈接:http://m.newbst.com/news45/150795.html
成都網站建設公司_創新互聯,為您提供微信小程序、手機網站建設、域名注冊、網站設計公司、ChatGPT、營銷型網站建設
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯