2022-06-18 分類: 網站建設
扁平化設計如日中天。去除繁雜裝飾的極簡主義界面設計正當時。扁平化設計聚焦兩點:視覺的極簡主義,功能的最優表達。用最簡單的用戶界面達成最詳備的功能。
在革新了由iPhone建立的擬物時代后,扁平化成為設計風格的領導者。
大家都認為蘋果iOS7采用扁平化設計是”改朝換代”的信號:業內領軍企業蘋果都做出了改變,那么你還有什么理由不去緊跟潮流呢?
但設計往往是復雜的,設計跟穿衣服一樣,固然有潮流,但是潮流是不適合你又是另外一回事了。
量體裁衣——你認為扁平化設計真的符合你的項目嗎?
初步認識扁平化設計
本文既不否定扁平化,也不盲目追隨扁平化。
扁平化的好與壞取決于兩點:
1.設計師個人設計理念與設計造詣的高低。
2.扁平化是否與設計需求相符。
那么怎么判斷扁平化是否合適呢?首先,我們需要初步了解扁平化設計
極簡主義
極簡主義裝飾風格
扁平化設計天生簡約。我們需要回歸到事物的本質,追尋最重要的特質加以體現——這樣,最重要的元素便顯得突出,成為了視覺焦點。
參考:
網頁設計的極簡主義:少即是多
推薦:50個極簡主義的網頁設計
字體
具有50多年歷史的Helvetica字體
因為扁平化設計是簡約的,形狀是最基本的。那么扁平化設計中,字體將被打造成視覺焦點。
扁平化設計習慣加粗字體,提高視覺表現和辨識度。
字體應該在極簡背景下視覺表現良好,例如無襯線字體Helvetica便是典型。
參考:
怎樣給扁平化風格選擇合適的字體(附字體案例)
24套適用于扁平化設計的免費英文字體
按鈕樣式
按鈕務求形狀簡單,不帶有投影、光效以及漸變,色彩扁平。色彩之間對照感要強,從而提高辨識度。
但,凡事都在發展,長投影、3D 扁平式、多邊形的應用為扁平化按鈕設計加入了更多的變數。
色彩
2013年流行色——Emerald
扁平化設計多姿多彩,用色大膽,因為細節的缺失必然要用色彩加以彌補。光鮮整潔的色彩將為整體設計加分。
參考:
推薦:扁平化設計與色彩趨勢
干貨!專屬扁平化設計的PS色板(配色庫)
形狀
一改傳統的蜂巢型
幾何形狀是扁平化設計采用的主要形式,優雅整齊。
圖標
圖標能起到形象化簡述內容的作用。扁平化的圖標設計務求簡單。使用圖標可以減少文字,提高網站的整齊感。
參考:
9款適合扁平化設計的圖標懸浮效果
趨勢!來瞧瞧扁平化設計進化成哪些類別了
我的設計應不應該”扁平化”?
關于扁平化設計,最錯誤的理念便是:扁平化設計意味著視覺風格的扁平。字體、圖像、圖標一律都要扁平嗎?全面扁平化、全面擬物化是不可取的,真要是這樣,設計連一點可操作性都沒有,還要設計師干嘛?
扁平化設計是一種糅合視覺與理念的設計風格,不能從字面意義上理解這種風格。很多網站明白這個道理,將扁平化提煉至純粹,采用適合他們網站風格的扁平化元素。
視覺上可以部分使用扁平化風格,但是組織形式和主題表達上卻不必拘泥形式。如果一味的盲目跟風,兼容性、可發揮的地方必然有限。
例如,如果你的網頁用來販賣產品,那么你的設計中必須要包含產品圖像。顯而易見,產品圖像不是扁平化的,會給頁面增添一種深度感。但是我們可以在其他地方使用扁平化元素。
這就說明了:扁平化設計有的地方能夠提高你的視覺表現了,達成設計目標。有的地方不能。靈活使用,才能走的更遠。
記住,我們做的是設計,而不是扁平化設計。
看看 Nitrografix這個網站。
網站的美學風格與內容相符。通過扁平化設計去除了繁雜元素,提供了更容易上手的導航。將機構的創意體現大化。
再來看看魔獸世界的網站。
這個網站并不適合扁平化風格。導航條和圖像增添了整體的神秘感和中世紀氛圍。如果采用扁平化設計,很明顯,設計和內容無法聯系到一起。
在進行重設計時,一定要考慮新美學風格與內容的聯系性。新風格適合內容嗎?新風格與產品描述相符嗎?
如果不幸的錯誤使用扁平化設計,會對網站形象造成損害。
要記住好的設計是超越潮流的,一定要謀而后定。
那么,什么情況下適合?什么情況下不適合?
那么如何判定扁平化風格是否適合你的網頁設計呢?
采用扁平化:
如果你的用戶能夠認可扁平化網站、熟悉扁平式導航
扁平化設計后,網站信息依然組織有效
內容過載,信息量大,需要整潔、有序的設計風格時。
當你需要收束一下頁面中過于自由、散漫的設計元素時。
一些具有進步精神的行業;諸如數碼界和科技界就適合,而兒童站點不適合。
不要采用扁平化:
面向用戶無法接受扁平化這么新潮的風格
扁平化對你的設計沒什么提高。如果你的頁面本來就高效整潔,又何必多此一舉?
基于本能層的設計,需要對觀眾產生情緒作用。
網站高度依賴視覺、交互元素,這時扁平化設計會起到限制作用。
幾條建議
網站是機構面子的豪華汽車。進行扁平化設計時要審慎,不要讓汽車輪胎也”扁平”了,否則會跑不起來。
不要被扁平化設計的名字唬住,扁平化不是全盤肯定,也不是全盤否定。扁平化設計主要提倡一種極簡設計理念,消滅華而不實,將一切變得簡單。記住,是將一切變得簡單輕松,而不是讓一切看起來枯燥呆板。
不要復制那些優秀設計師的作品。微軟是喜歡標題和小方塊,但是你沒必要學微軟。做自己的設計。
不要忽略字體。字體要和網站的色彩和視覺風格搭調。
扁平化設計的目標是通過簡潔讓重要元素更加醒目。因此要在布局上下功夫。
結論:世界是平的嗎?
平化世界的支持者會向你滔滔不絕的講述科技進步,全球一體化,全時段的數字時代,更扁平化的信息傳遞模式。某種角度來看,他們的說法沒錯。任何一個人通過手機,幾秒鐘之內就能實現上網。因此,對設計可用性的要求更高了。我們需要更人性化的的觸感和更聯系用戶的設計方法,打造更好的用戶瀏覽體驗?那么扁平化設計是用戶體驗的絆腳石,影響了設計的兼容性嗎?只要不盲目使用扁平化風格,就不會。
值得一提的是,扁平化設計對響應式設計大有裨益,因為扁平化設計的核心便是簡約,網頁的”減負”,自然能讓響應式設計更高效。
時至今日,扁平化風格已經被多家大公司采用,隨后,全世界都在跟風。
我們必須謹記一點:一切都是周而復始,反之亦然的,反復、循環、更替的出現,扁平化設計必然會在未來的某一天被取代。
扁平化設計的變種有很多,但是還沒有出現一種統一的標準風格。這是好事,這說明還是有一部分人沒有盲從潮流,他們做出了一種反射式的設計:根據趨勢與理念,摻雜一點個人理解,在趨勢的基礎上進行創造。
在使用扁平化風格之前,一定要進行種種考慮,到底這種風格和你的網頁、內容是否能夠協調。如果能提升功能性,那么自然可以。如果僅僅是為了追趕一時潮流,將風格強加給用戶,且與內容不相符,那么這種設計模式是不可取的。
扁平化浪潮過后,又會是誰?
分享題目:全世界都被拍扁!你應如何理性對待扁平化設計
網站鏈接:http://m.newbst.com/news44/168644.html
成都網站建設公司_創新互聯,為您提供App開發、全網營銷推廣、做網站、商城網站、面包屑導航、Google
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容