淺談極簡(jiǎn)主義設(shè)計(jì)
說(shuō)到極簡(jiǎn)主義設(shè)計(jì),相信網(wǎng)頁(yè)設(shè)計(jì)師們都不會(huì)陌生,本期我們就從這方面說(shuō)起…
起源
極簡(jiǎn)主義設(shè)計(jì)運(yùn)動(dòng)始于瑞士,然后被用于多種媒體:圖形設(shè)計(jì),建筑,音樂(lè),文學(xué),繪畫,以及網(wǎng)頁(yè)設(shè)計(jì)。
極簡(jiǎn)的網(wǎng)頁(yè)設(shè)計(jì)的最終目標(biāo)是幫助用戶去快速的關(guān)注焦點(diǎn),并盡快實(shí)現(xiàn)他們的目的。
概念
在最純粹的樣式中,還原其最基本的東西。
從一個(gè)視覺(jué)的角度來(lái)說(shuō),極簡(jiǎn)主義設(shè)計(jì)意味著平靜和將思想帶回本真。
極簡(jiǎn)絕不是簡(jiǎn)陋。
為什么要極簡(jiǎn) ?
當(dāng)我們被眼前多元化的圖形和繁雜的顏色攪亂到找不到北的時(shí)候,重新回到最原始的畫面,也許它像一張白紙,從最本質(zhì)最原生的狀態(tài)出發(fā),足以讓它生根發(fā)芽,甚至開花。
在這個(gè)浮躁的城市,周圍越來(lái)越多的事物被簡(jiǎn)化包裝、摒棄華麗的外衣,以它特有的低調(diào)、簡(jiǎn)約和實(shí)用,打動(dòng)了用戶的心。
極簡(jiǎn)的網(wǎng)頁(yè)設(shè)計(jì)
極簡(jiǎn)的思維是現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)
極簡(jiǎn)的網(wǎng)站,往往會(huì)產(chǎn)生較少的CSS規(guī)范,HTML元素,鏡像,JavaScript等等。這最終意味著增強(qiáng)了前端Web性能,進(jìn)而提高了可用性和得到更好的用戶體驗(yàn)。
大面積的留白,使圖、文、底主次分明,更具有強(qiáng)烈的視覺(jué)沖擊力。頁(yè)面設(shè)計(jì)中整體運(yùn)用極簡(jiǎn)設(shè)計(jì)手段,閱讀省力和信息獲取快捷,白的透氣,可以讓用戶有很大的空間呼吸并保持歡快的情感進(jìn)行瀏覽。
極簡(jiǎn)網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)呈現(xiàn)技巧
產(chǎn)品原型視覺(jué)轉(zhuǎn)化
確定你絕對(duì)需要的內(nèi)容
在一個(gè)列表里面,區(qū)分內(nèi)容的優(yōu)先級(jí)
給予你的列表繪制線框的草圖以實(shí)驗(yàn)最佳的視覺(jué)層級(jí)
網(wǎng)頁(yè)布局
排版布局中的平衡、對(duì)齊及對(duì)比關(guān)系,對(duì)頁(yè)面視覺(jué)效果至關(guān)重要
如果畫面效果頭重腳輕,或者左右不均衡,會(huì)讓用戶感覺(jué)到壓迫感,從而影響到瀏覽信息的順暢
生動(dòng)的排版
基于排版網(wǎng)站設(shè)計(jì)和極簡(jiǎn)主義緊密的聯(lián)系到一起
當(dāng)設(shè)計(jì)師乏于用別的方法激發(fā)用戶,他們往往會(huì)利用有趣的排版。
用排版作為唯一的視覺(jué)元素你甚至可以走得更遠(yuǎn)
色彩的應(yīng)用
色彩豐富會(huì)導(dǎo)致作品的多義性,會(huì)導(dǎo)致用戶與用戶之間的理解有差異。
極簡(jiǎn)設(shè)計(jì)使用原色,偏向明亮色和無(wú)彩色系中的白灰色,滿足極簡(jiǎn)主義追求的簡(jiǎn)單明了的,將元素精簡(jiǎn)至原始狀態(tài)。
另外從人對(duì)于世界的認(rèn)知過(guò)程中來(lái)看,最早在兒童時(shí)期喜歡需要簡(jiǎn)單的、新鮮的、強(qiáng)烈刺激的色彩,隨著年齡的增長(zhǎng),色彩感覺(jué)相應(yīng)趨向于成熟和柔和些,對(duì)于色彩的理解差異也就越來(lái)越大。極簡(jiǎn)設(shè)計(jì)使用原色試圖剔除時(shí)間因素對(duì)于色彩認(rèn)知程度的影響。
色彩的應(yīng)用——簡(jiǎn)約通透的白
白色,因其明度最高,無(wú)色相,明亮干凈、暢快、樸素,永恒無(wú)暇,在自然界象征著極致的純凈與貞潔。
白色優(yōu)雅、平和而簡(jiǎn)單,沒(méi)有強(qiáng)烈的個(gè)性,因而網(wǎng)站設(shè)計(jì)中,白色具有高級(jí),科技的意象,是永遠(yuǎn)流行的主色調(diào)。
輕快的白色可以給人很好的輕快速度感,運(yùn)用得當(dāng)可以讓其它任何淺顏色及亮顏色呈現(xiàn)出其深度、明度和飽和度的不同,通過(guò)對(duì)比讓其亮色更加明快、專注和舒適。
整潔、大空白的同時(shí)讓用戶保持歡快的情感進(jìn)行瀏覽。
色彩的應(yīng)用——精致高雅的灰
灰色也是極簡(jiǎn)主義網(wǎng)站設(shè)計(jì)的首選色彩,這類網(wǎng)站通常會(huì)選用淺灰色作為背景色彩,然后選用深灰色作為主要的字體顏色。
灰色與黑白照片、大量留白,還有一小段有活潑手寫體的文字,給網(wǎng)站一種高雅的感覺(jué)
圖形
以理性的幾何圖形或符號(hào)為表現(xiàn)形式,產(chǎn)生一種理性的秩序感,在此同時(shí)空間也被壓縮至二維化,采用簡(jiǎn)單平凡的四邊形或立方消隱具體形像傳達(dá)意識(shí)的可能性
極簡(jiǎn)設(shè)計(jì)使用重復(fù)和均等分布的表現(xiàn)手法,減少元素的數(shù)量并且不以襯托的手法去突出某一個(gè)元素
極簡(jiǎn)主義是一種理性設(shè)計(jì),其布局要求對(duì)于數(shù)學(xué)計(jì)算能力有一定要求,如網(wǎng)頁(yè)設(shè)計(jì)中有柵格系統(tǒng),每一個(gè)元素的位置都經(jīng)過(guò)嚴(yán)密的計(jì)算,杜絕設(shè)計(jì)的隨意性
文字
當(dāng)圖形簡(jiǎn)化之后,文字變的更為重要。一方面,文字有成為視覺(jué)元素可能性。另一方面,各種形式的文字可用于傳達(dá)信息,比圖形更為快捷和精確,如黑色文字為正文,灰色文字為輔助信息,藍(lán)色文字為鏈接,紅色文字為提醒類文字。
極簡(jiǎn)網(wǎng)頁(yè)設(shè)計(jì)的一些思考
極簡(jiǎn)設(shè)計(jì)不等于簡(jiǎn)約設(shè)計(jì)
極簡(jiǎn)設(shè)計(jì)秉承了極簡(jiǎn)主義的思想,并以造型、色彩、圖形和文字等視覺(jué)元素體現(xiàn)出來(lái)。極簡(jiǎn)設(shè)計(jì)與簡(jiǎn)約設(shè)計(jì)雖有形式上的相似性,但兩者并不等同,簡(jiǎn)約設(shè)計(jì)是為了反對(duì)過(guò)度裝飾而產(chǎn)生的,其范圍更廣,不可混為一談
極簡(jiǎn)設(shè)計(jì)是趨勢(shì)
極簡(jiǎn)主義可以是很漂亮的而且將會(huì)在未來(lái)幾年內(nèi)出現(xiàn),所以學(xué)習(xí)它的一些技術(shù)會(huì)不能相信的有益,無(wú)論對(duì)你的客戶或你自己的項(xiàng)目。
極簡(jiǎn)設(shè)計(jì)的悖論
極簡(jiǎn)設(shè)計(jì)作品品位高雅,摒棄陳俗和浮華,直至本質(zhì),卻不適用于大眾化設(shè)計(jì),因?yàn)槠湫问饺コ司哂幸曈X(jué)沖擊力的元素,這與一些商業(yè)目的相違背的。
本文地址:http://likemindfilms.com/tutorial/di1824.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏