設計如何做到「大氣」?
前面很多人的回答都是基於網站,似乎太過狹隘。
首先,我們需要分析一下大氣這個詞是什麼意思,它包含了什麼樣的緯度。
設計是基於三個緯度展開的,分別是:品牌,用戶,競爭。
大氣這個詞通常是針對品牌塑造這個緯度而言,即所謂的品牌感和品牌差異性。
談到這裡,需要回過頭審視一下,企業對於自身品牌的定義,比如品牌調性,關鍵詞等等。
如果品牌關鍵詞里會有:簡約,優雅,敏捷,獨特,優質,有價值,易用...
所謂品牌關鍵詞就是企業如何希望用戶如何看待自己(品牌定義),而又如何表達給用戶看(設計表達)。
額外的,大氣這個詞可以轉化為「專業的,有歷史的,有權威的,可信賴的,有能力的」這樣的一些關鍵詞。 分析到這裡了,我想你應該會做了吧?
針對品牌選擇適合的關鍵詞,做成ImageBoard.
根據 「色彩、形狀、材質、肌理、版式、動態」 提煉視覺要素與原則, 然後將這些原則再釋放到設計中去。
不過這些僅僅只是設計中「視覺」的部分,其餘還包括信息設計,產品定義,生態鏈搭建等等的「大氣」要做。那些事情才真的難,而且已經超出了設計的範疇。
「大氣」這個詞,我本身也是深惡痛絕,不過身為設計師的你,到底有沒有真正的分析問題,解決問題呢?設計師不是死美工,而是對於人類的未來真正負起責任來的一群人,是需要Sense和耐心,以及正確的方法論,不斷培育市場,培育設計環境的。
讓我們一起努力吧。
留白
前幾天才通過了一個高要求的UI的網站界面項目,客戶也提到大氣啥的,最終還是改了3次大的,N次細節才通過,我就自己總結下, 不談大氣的概念,就談談 為什麼客戶覺得你的設計不大氣?為什麼我做不出大氣的感覺?
這些原因也不從客戶專業還是非專業找,既然項目過不了關,不大氣,你就得改,所以你必須首先從自己找原因,讓客戶覺得大氣.....下面說說我的想法,也不去分析如果做到大氣了,就感覺下怎麼過客戶大氣這關
1.需求沒抓准,某些東西沒有達到客戶的預期效果,或者稍微有些地方偏離了主題,第一眼看上去不爽
因為需求不準,客戶覺得彆扭,第一眼就不爽,自然就說「你怎麼做得不夠大氣呀」,然後設計師就該分析下需求,根據第一個設計稿和客戶的意見,更貼近需求的改進
2.色調上對比度不明顯,色彩感不強,美術功底不夠,客戶看著不舒服
這個作為設計師的我們,就該自己多練練了,多培養美術嘗試,多學點美術,把色彩提升上去。如果我們的最終作品在明暗,光影,對比度上都下了比較多的功夫,一眼看上去,是不是覺得,這個作品很酷,客戶自然覺得大氣了呢?
3.用戶體驗,交互功能上不到位
比如一個網站,一個界面,它交互起來了(運動起來)的時候,客戶用起來會不會覺得「這個用起來有意思,很爽,這個效果很酷,很合適」,如果你在用戶體驗和交互性上下了比較深的功夫,在設計里融合了用戶體驗和交互,想必,也融合了大氣感。
最終還是沒能解釋道大氣這個概念,完全是一個方法,哈哈。。^_^
轉一篇文章: 我希望能再「大氣」一些
恐怕現在的設計師最怕聽到的兩個字就是「大氣」。
「你對設計稿有什麼要求呢?」 「哦,我希望大氣一些!」「。。。。」 「您覺的哪些地方不滿意呢?」「嗯,就是希望再大氣一些!」「。。。。」「你看這次的視覺稿,風格怎麼樣?」「挺好的,稍微大氣一些就OK」「。。。。」
這些對話一點也不誇張,都是同行們常常抱怨的話題。設計師已經無數次倒在了這兩個字下。 不過,抱怨並不能解決所有問題。那麼我們該考慮如何解決這個令人頭疼的形容詞呢? 從兩種不同類型的需求說起
第一種:商務性質中的「大氣」
簡約的頁面風格容易收到用戶的喜歡,而且能給用戶帶來一定的安全感。拿IBM這個來說,頁面給人的第一感覺是專業和安全。焦點圖構成也比較簡單,左側醒目的標語用了簡單的漸變,右側也運用了簡單的幾何圖形。
商務性質的頁面表現「大氣」的感覺一般注意幾點:
1.留白。大量留白會使頁面有空間感,不會因為頁面內容密密麻麻而產生厭惡。
2.盡量少的顏色。太多顏色控制不好會容易失去整體平衡,主要在製作前定一個主色系和輔助色系。
商務頁面主要以凸顯內容和展示信息為主,而且給訪問用戶有一定的安全感和新人感。所以建議不要用比較花哨的元素和另類的設計風格。
第二種:活動性質中的「大氣」
這類的頁面,「大氣」的實現比較複雜,當然也不能用上一種方法。比如一個開業慶典的頁面,如果用白色的底,簡單的圖形和文字,可能就烘托不出好的氛圍。方案往往被否定的原因在於烘托氣氛不夠。
所以再選取素材的時候,可以首先考慮,山河湖海,全景圖,或者有代表性的建築或者標識;再者可以挑選帶有積極向上性質的元素,如「鴿子,綢帶,馬路,教堂,屋頂、太陽、貴族元素」等
中國風是近年設計師們喜歡使用的一種風格,利用傳統的中國元素加上現在的設計風格而形成。
標誌性的元素:水墨風格、書寫體、古代物品(瓷器,鼎之類)
以上只是筆者對「大氣」的簡答理解,好的設計要多從細節入手,即使簡約的設計風格也要謹慎處理細節。比如小的陰影,光澤,質感等等。把握好全局,才能控制你的風格。試圖和需求人良好的溝通,表達設計師自己的想法和建議。在修改設計稿的時候,對方所想要的「大氣」可能只是某個元素問題,但他也確定不了是哪個部分有問題,所以會用含糊的概念去告訴你。但作為設計師本人也要仔細思考,先嘗試關鍵部分的內容修改,比如嘗試換新的字體,去掉多餘元素等等。
總之,不斷的探索和嘗試,所有的需求都是浮雲。大氣是個套,是外行為了顯示自己不外行而想出的看似專業的詞。
而怎樣得到大氣背後真正的需求,是設計師的另一項必要技能。
就這樣,再見
如果是設計總監的要求,那麼就這麼干:大氣就是不拘小節,設計的粗糙一點,然後他又好說你細節不夠,然後你就可以反駁,你不說設計要大氣一點嗎?
Less is more,突出重點就好,複雜的東西盡量砍掉
逛動物園的時候每件衣服都很「洋氣」。不知有沒有關係。
前幾天正好搜集資料做了一些整理,寫了一篇文章,供參考討論~ 「簡潔大氣」設計指南
神馬是「簡潔大氣」?
現在被人們津津樂道的扁平化設計無疑成為了這四個字的代言,也讓之前似乎離開了人們視野的平面設計帶來了新思考,我們發現很多設計方法依舊非常經典。
無論是與客戶的溝通還是和產品經理的 PK 中,在第 N+1 次修改依舊沒有靈感的時候,不妨借鑒一下下面的小建議來救場。
調整圖版率改變印象
圖片的加入是最能立刻改變和更換整體印象的法寶。
圖版率是雜誌版式中經常提到的概念:即頁面中圖片所佔面積的比率。圖版率高的雜誌頁面會給人帶來年輕與活躍的印象,相反地,全是文字,圖版率為 0,這樣的頁面就顯得沉穩許多。
放大圖片,增加展示空間
雖然在產品上網易微博一直不溫不火,但在設計上採用大圖片的改版讓整體擁有了簡潔的潮流感,並且每次刷新變化的封面圖片讓每天的登錄過程也變的有趣起來。
改變圖片比例
即使全部是圖片也可以改變圖版率。商品展示中經常會有這種圖片羅列的形式,普通的九宮格設計雖然整齊,但是沒有變化和視覺重點,將幾個圖片位合併成為一個進行展示可以產生更強的專題性效果。
色塊進行重複構成排版
當圖片資源不充足,比如消息類信息和圖片並列時,可以採用和圖片相同大小的色塊保持界面的統一性與簡潔性。
使用圖標代替文字
使用意圖明確的圖標代替文字可以幫助導航等操作區與文字閱讀區分開。
創造節奏感
你知道嗎?觀看者和一張簡單的海報設計也會產生交互過程。
當你在 20 米開外的時候會被它上面的人物與色彩吸引,走近至 5 米的時候會看到它的標語,而走到跟前會發現新的小字信息。海報通過觀看距離的變化製造出閱讀的層次感,引導你不斷深入。
同樣的,在界面中除了利用明確的信息分組引導視覺,還可以考慮在交互中也加入節奏,筆者不認為在扁平化的設計時代我們就不需要打造空間關係,通過手勢的變化製造出界面不同的景深效果,可以讓界面充滿呼吸感。
比如 AppFlow 中下拉刷新時,背景圖片會由遠至近,就在不覺間擴展了視覺空間。
使用鮮明的色彩營造氣場
穿衣服我們講究「氣場」,而設計中使用的色彩也應該明確,避免使用含混的色彩,這樣界面之間的元素才是有對比的。
戒掉排滿的慣性
格式塔心理學中提到一個刪除原理,就是從構圖形象中排除不重要的部分,只保留那些絕對必要的組成部分,從而達到視覺的簡化。 不要排滿也就是我們時常說的留白,這裡的設計需要和產品一起做減法。
在實際項目中,筆者經常遇到這樣的對話:
「這裡為什麼要放這個功能?好像用戶用不上誒……」
「這裡不放這個功能看起來比較空,而且萬一用戶用到呢?」
「……」
人們以往的消費觀念是面對同樣的價格,最終大家會選擇看起來功能齊全的物品,在信息競爭和功能為上的時代,慣性會讓你想要加入足夠多的功能或信息去滿足用戶,這種情況下,堆滿信息的頁面如果不進行刪減化處理,形成一定層次的分組和條理化處理,也將會變成讓人手足無措的電視遙控器。
其實考慮界面空不空的問題應該交給設計師解決,通過一定程度的留白就可以達到不錯的效果,我們只需要確認到底需不需要這個功能,有多需要,符不符合用戶的使用場景?
隱藏與合併
當面對無法去掉的功能時,我們可以採用「主界面優先模式」,隱藏部分功能。
比如在閱讀中,為了更加沉浸式的閱讀體驗,經常利用手勢將閱讀流之外的功能隱藏起來,比如隨享Pro 向左滑進行評論和轉發,豆瓣閱讀的全屏閱讀。
主界面優先還體現在減少頻繁地切換界面,比如常見的查看大圖功能,在以前我們常用的方式是滑到新的頁面去查看圖片詳情,但真的需要那麼麻煩嗎?
在 AppFlow 和網易應用中心應用主頁中,通過手勢向下滑動可以讓圖片當前頁放大,預覽 App 界面效果,這樣的體驗就很簡潔。
除了隱藏功能,我們還可以合併功能,減少 UI 控制項的個數,進而節省下空間,比如下面對音樂播放進度和播放控制項的整合。
設計是不斷創造新可能的過程,希望上面總結的這些小經驗可以讓設計更好的回歸內容,利用最輕量、簡單的設計來傳遞核心信息,也讓設計師們早日告別苦逼加班的日子。
Design makes life better.
大氣的感覺應人而異,建議你針對你的目標人群觀察他們喜歡什麼類型的界面再去有針對性的做設計
1. 細節要把握,但不要太拘泥於細節(譬如許多日本的作品就太過注重細節,畫面看上去十分複雜)
2. 整體感覺是簡單的,但不能失掉必要的功能。
通常簡單、突出重心的設計就比較大氣。
大概我們從來沒有像今天這樣在不斷地討論大氣是什麼,怎樣才算大氣。為什麼大家沒有思考一下,所有提出這些大氣要求的人都是不懂設計的中年老闆?他們這樣要求真的是空穴來風的無厘頭要求?試想一個根本就沒見過大氣風格的人又如何能提出這樣的要求,會不會是我們太low?當我們指責別人的要求過分的時候,有沒有從自身找找問題?看似行業內的集體抱怨,其實更像是一群苦逼的庸才設計技工深陷自己思維慣性無法突圍而又不自知的瞎逼逼。
浮雕陰影內發光,彩虹漸變放中央。
正片疊底素材圖,老闆直誇高大上。
我最討厭聽到這兩個字,一般說大氣的人他腦海里可能也就是五毛錢特效的畫面,我寧可用『大方』來代替這個詞。
別的我不太懂,就網頁設計來說,每個甲方都希望用戶打開他的界面就捨不得關掉並給人留下深刻的印象,當然要是我我也這麼想。我先就網頁設計說說我的一點體會。
第一就是網站用色,用色一定一定不要純度太高,畢竟是用戶打開用來瀏覽的,就關乎用戶體驗問題,刺眼的東西誰願意一直盯著不放,除非是購物網站特別需要流行元素,一般的商業網站還是以用戶體驗為主,這樣就具備所謂大氣型網站的一個最最主要特點:設計用色簡單,不雜亂,同時色彩搭配組合也是要設計者用心研究的色彩學問題。
第二是布局結構,大方一點的網站整體就一導航、幻燈、底部四副圖片、足部四部分搭配而成,設計上不佔用大面積的區域來填充文字、構建子版塊區域等;但平常我所看到的很多國內網站整體布局沒有任何規律,結構上無任何顯著特色,設計在排版頁面結構時應該是沒很好的進行構思,整體顯得十分普通且不美觀。還有在部分細節處理上大方一點的網頁做的還是很到位,不因為簡單、簡潔而忽略的這些細節的處理,這同時也是大氣網站也的一個特點:簡單又不粗糙,而我看到的很多LOGO設計、banner圖片等這些最容易襯托網頁美觀的元素反而被弱化了,這樣就大大降低了網站建設中重要表現元素的功能而是網頁顯得粗糙不堪。
第三就是功能處理,大方一點的網頁一般看起來雖然簡單,但是在相關的特效設計包括功能設計上並沒少下功夫,元素的處理,字體的選擇,內容的呈現方式等都用了不少心思,而low一點的網頁一般整個頁面採用普通的HTML形式直鋪到底,沒用到任何效果展示,這樣只能給客戶帶來審美疲勞,無形之中也弱化的公司的形象。
大概就這些,我在網頁設計中被人們所說的大氣折磨得痛苦不堪,渴望這個土的掉渣的詞早日從文字里消失。空間感 比例和諧 最和諧重心
1、大規模的色塊結構
2、點綴式應用陰影,來劃分頁面的立體結構
3、不小於960px的頁面寬度
4、灰色打底的細線條,用來劃分區域
人大氣,做出的設計就大氣
想要大氣,圖片要大且高清,布局要規範簡潔,留白要得體!
很簡單的啦~~~~~
推薦閱讀:
※怎麼評價朱贏椿的《設計詩》?
※有哪些有趣的小傢具?
※網頁設計該怎麼學?
※什麼叫北歐風格?
※外國有哪些品質較好的辦公文具品牌?