顏色可以在很大程度上影響一件設計作品的調性和美觀性,要想抓準一件設計作品的調性,選擇一個合適的色彩搭配組合尤為關鍵,為此,蔥爺花兩天時間整理了19大設計調性,多達160種配色方案,趕緊收藏起來以備不時之需吧。
1. 高端
視覺調性高端的色彩,通常具有明度低、飽和度低、顏色數量少等特點,所以很多高端的設計都會以深色作為背景色,因為深色更顯低調、更具神秘感,所以給人的感覺更高貴。然后以亞金色、銀色、桔紅色、白色等作為輔助色。
2.科技
想要表現科技感,色彩的整體調性通常會偏冷色系,明暗對比要強,且通常會使用漸變色。比如以深藍色到藍色的漸變作為背景色,然后用高飽和度、高亮度的青色和紫色作為輔助色,這時這些輔助色就會非常的跳躍,具有一種發光的效果。
3.時尚
其實所有調性的配色都應該要盡量時尚一點,即使是想表現復古,也不能太土,所以這里所說的時尚特指偏向年輕、潮流的時尚。這種色彩通常具有飽和度高、明度適中、色相對比較大等特點。蔥爺這里概括了兩類,一類是以純色作為背景,這種色彩比較適合于品牌設計、網頁設計、畫冊設計等;一類是以漸變色作為背景,這種色彩比較適合于電商設計、廣告設計等。
4.酷炫
酷炫是指那種視覺效果特別張揚、甚至是極具個性的色彩搭配,比如近幾年比較火的蒸汽波風格、酸性風格、賽博朋克風格、故障風格,其色彩就屬于酷炫類的。該類設計通常也是以深色作為背景,圖片元素會使用高飽和度且對比很強的漸變色,色彩相對較多。
5.好吃
即讓人感覺很有食欲的色彩搭配,這種色彩通常以暖色為主,比如紅色、橙色、黃色。飽和度較高、明度較低的組合方式通常用于餐飲行業;而飽和度較低、明度較高的色彩組合通常用于甜點、飲料等行業。
6.夏天
目前正值火熱的夏季,所以蔥爺專門整理了一些適合表現夏季的好看色彩,該類色彩通常會以藍色、青色、綠色這種冷色系最為主要顏色,然后以黃色或紅色、白色作為輔助色,這種色彩組合會給人清涼、快樂的感覺。
7.清新
小清新的視覺感受為輕松、柔和、淡雅,要達到這樣的效果,顏色的明度通常是比較高的,飽和度偏低,常用的顏色有淺青色、淺綠色、淺黃色、粉紅色等,在奶茶、女性護膚品的相關設計中比較常見。
8.快樂
快樂是張揚的、是活潑的,所以快樂的色彩飽和度較高、明度不會太低、色彩的種類會比較多,通常也是以暖色為主,但是會搭配冷色一起使用。黃色具有很強的快樂、陽光屬性,所以想要表達快樂,黃色通常是少不了的。
9.可愛
跟兒童、年輕女性相關的設計,通常需要表現出可愛的調性,這類色彩通常是用冷色和暖色相互組合,顏色的明度同樣不會太低,否則會有壓抑的感覺,另外飽和度也不要過高,飽和度稍低一點效果會更柔和一些。
10.健康
想到健康我們立馬就會想藍天白云、青山、綠色的草地和樹葉,還有黃色的小野花等等,所以藍色、綠色、青色、黃色、白色都是常用于表現健康的色彩,紅色也可以偶爾作為點綴色加進來。由于健康的調性也是要給人一種舒適、輕松的感覺,所以整體的顏色明度不要太低。
11.運動
要想讓色彩動起來,對比一定要強,可以是色相對比、也可以是明度對比和飽和度對比。橙色和黃色是兩個很具活力的的顏色,所以常用于表現運動的設計里。
12.科幻
這是一些科幻電影、機動游戲的海報設計常用的色彩搭配組合,給人的視覺感受是穩重而大氣,科技感和神秘感并存,所以背景色通常也比較暗,喜歡用青色和黃色這種比較亮的顏色作為點綴。
13.喜慶
在設計節日海報或促銷海報時,通常需要表現出喜慶的調性,有些設計師會局限在大紅色、黃色、和橙色里,這樣搭配出來的色彩容易土,而想要解決這個問題,一方面可以加入冷色搭配使用,另一方面顏色的飽和度和亮度也不要過高。
14.復古
這類色彩的特點是顏色的飽和度會相對低一點,而且大多數情況下,整體的明度通常也不會太高,常用類比色搭配和對比色搭配。
15.中國風
具有中國風特色的顏色和色彩組合有很多,蔥爺這里僅列舉了8個組合。這類色彩同樣飽和度不會達到最高,有點復古和充滿文化氣息的感覺。胭脂(暗紅色)、緗色(中黃)、紺青(深藍色)、黛(褐色)等是中國風常用的顏色。
16.夢幻
夢幻具有奇妙和神秘的感覺,好像在黑暗中找到了一點曙光,奇遇了驚喜一般,所以大多數情況下,背景色會使用從深色到亮色的漸變。顏色相對會比較豐富,而且以漸變色居多。
17.女性
女性是溫柔的,是感性的,所以該類色彩組合通常為類比色,偶爾會用一點對比色作為點綴,以增加畫面的活潑氣息,顏色的明度和飽和度都不能太低,當然飽和度最好也不要過高,粉色、紫色是常用于表現女性的色彩。
18.優雅
優雅可以理解為低調、高級、溫和、安靜,所以這類色彩的對比通常不會太強,飽和度也會比較低,整體的色彩調性會偏中性,常用卡其色、麻色,還有單色組合及類比色組合。
19.經典色彩組合
除了以上十八大調性,蔥爺還給大家推薦一些經典的配色,很難把它們具體歸為哪一類,但是我們在做很多設計時,用上這種配色總能得到不錯的效果,比如紅黃黑、紅白藍、黃綠黑、等等,在很多平面海報設計中經常能看到。
以上所列舉的色彩組合,矩形色塊為背景色,圓形色塊為畫面中圖片元素或文字使用的顏色。根據需要可以把其中的某些純色轉變為單色漸變,或者也可以把某些單色漸變轉化為純色。另外,在不包含黑白灰的色彩組合里,仍可以根據需要自行加入黑白灰,比如用于填充文字的顏色。
當然,能體現以上這些調性的顏色還有很多,大家可以自行補充,建立起自己的色庫。
標題排版在畫冊設計中有著很關鍵的作用,標題排得好可以讓整個版面的氣質提升不少,反之亦然,而很多設計師在排畫冊的標題時,通常都是單純選擇一個筆畫較粗的字體,把字號拉大與正文對齊,這種標題的排版太過常規,容易導致整個版面缺乏設計感,比如下圖。
其實畫冊的標題也能排出許多新意,本篇文章,蔥爺來給大家分享幾個可以給畫冊設計加分的標題排版技巧。
01.描邊字錯位組合
上圖是某院校招生畫冊的“學院簡介”排版,由于太過講究對齊,缺少變化,所以顯得不夠靈活,我們可以把標題的中英文詞匯拆開進行錯位排版,錯位時要注意左右的平衡,另外,三行錯位比起兩行錯位的變化會更豐富一些。
單純只是做錯位處理,效果并不怎么好,因為沒有層級關系,所以可以再加上字號大小的變化,突出重點詞匯,弱化次要詞匯。
這樣層級豐富多了,但是眾多很粗很黑的字體擠在一起略顯壓抑,把其中部分詞匯改成描邊后,整體就變得更透氣、更有設計感一些了,注意描邊要細一點,以避免描邊的筆畫重疊在一起影響識別性和美觀性。
標題排好以后,再根據標題調整一下內文、頁眉、頁碼的排版,內文通常會對齊標題中的某個字詞,但一邊對齊就好,不需要兩端都對齊,頁眉、頁碼可以作為裝飾來排版,填充一點顏色可以讓版面變得更活躍。
02.彩色標題疊加灰色圖片
還是拿前面的那個案例舉例,把學校圖片換成一張沒有去底的矩形照片,然后把它處理成黑白色照,移動至版面上方,標題使用藍色壓住圖片的左上角,這時標題就不是孤立的幾行文字了,而是與圖片形成了一個整體,這種排版方式在網頁設計中比較常見,用于畫冊的標題排版,效果也是很不錯的。
圖片做出血處理顯得更大氣,左下角的頁碼與標題左對齊,可以加強版面的整體性和關聯性。
3.手寫體搭配黑體
同一個標題我們通常只會使用一種字體(不包括英文),但有時候也可以試試用兩種字體搭配來使用,比如手寫字體搭配無襯線字體,這兩種字體在風格上完全不一樣,對比非常強烈,能夠給版面帶來新意。
由于該中文標題過于簡短,所以搭配上英文會更豐富一些。
正文刻意與標題進行了錯位排版,當然,同時也保持著某些對齊關系,圖片的排版同樣如此,與正文錯位,但與標題左對齊,整個版面既靈活又很有序,符合學校畫冊的調性。
04.文字疊加色塊
加色塊是標題設計中常用的手法,但如果只是用一個色塊把標題包住,那么效果是比較普通的,很容易像促銷折頁的做法。所以我們可以只把色塊作為標題的一個裝飾元素,用一個小小的色塊放在標題后面,使其視覺上更豐富、更突出。
圖片的刻意錯位很關鍵,如果圖片與正文兩端對齊,那么英文標題、正文、圖片、頁碼都是沿著一條直線對齊的,整個版面就會變得生硬很多。
文字加色塊還有另一種效果也不錯,即把文字色塊合并在一起做成補丁效果,首先把文字錯位排版,然后分別給每一行文字加一個色塊把文字框住,色塊與色塊上下相連。
搭配上序號和英文標題,豐富標題的對比關系,使其更美觀、更有設計感,色塊可以根據需求適當超出文字的長度。
正文的排版我做了一點改變,把第一段單獨拿出來作為引文使用,剛好這段文字在內容上也正好是起到提前說明的作用,這樣處理后這個版面也變得有了一些新意,標題十分顯目。
05.手寫體跨版
在畫冊設計對于有些版面,可以排得大氣一點,比如把原本可以1P排完的內容排成一個跨P,這時標題也可以拉大跨版排列,這種做法可以加強文字的大小對比,也會有更多留白空間。
為什么用手寫體呢?宋體和黑體不行嗎?其實也可以,不過由于漢字的筆畫比較復雜,宋體和黑體又比較方正,所以拉太大排列時會顯得不夠靈活,如果是英文則會好一些,所以在排版的時候我還做了了傾斜與裁剪處理,并且搭配了英文進行錯位排版,不然會顯得過于單調。
06.標題與正文左右排版
在豎版的畫冊中,我們通常喜歡把標題排在正文的上方,而如果把標題與正文左右擺放,那么又會有種不一樣的感覺。
但不要把標題與正文水平對齊,那樣的話標題的空間就過小了,會顯得很壓抑,而是要把標題放在正文的左上方,并保持某些對齊關系。
如果把這種排版方式看成是分欄網格,那么它屬于不對稱網格,即正文欄應該比標題欄更大一些,以保證有足夠大的空間排列正文內容。標題欄可以有大量留白,頁腳可以與標題形成呼應,豐富版面的細節。
07.扭曲標題
這種標題處理手法在海報設計中比較常見,其實國外很多畫冊也這么做,效果很酷,沖擊力很強。
用中文來做這種效果行不行呢?也可以,不過不適合太嚴肅的畫冊,用在設計類和時尚類的畫冊中會比較合適,比如前面列舉過的設計書籍的排版。
由于文字較多,所以進行分行錯位處理,然后在頂部菜單欄中選擇對象-封套扭曲-用網格建立,把網格參數設置為3行5列。
移動網格的錨點使文字呈波浪形,如下圖。
拉拽錨點左右兩邊的手柄使波浪形變得柔和一點。
波浪效果做得差不多后,按快捷鍵E調出自由變換工具面板,并選擇自由扭曲工具,把標題扭曲成如下效果。
再調整一下細節,然后把它放在版面中,把內容篇章的序號處理成描邊樣式與標題疊加在一起,可以起到裝飾的作用。
扭曲的標題搭配上鮮艷一點的顏色,效果會更時尚,對于這種版面,正文也不要排得過于規矩,所以,我刻意把版面中的兩張圖片做了錯位處理。
08.打散排列
通常我們會把標題文字集中排放,但對于設計和時尚類畫冊,我們可以打破傳統的做法,把標題做適當的分散排版,效果也很不錯,當然,標題文字如果太少就不合適了。
另外,為了使標題更特別 ,給文字加上下劃線效果會更好,并且下劃線可以根據需求適當延長,以加強這些分散文字的關聯性,甚至還可以加上英文做裝飾。
正文的排版與標題文字左右兩端保持對齊。
設計是一個不斷嘗試、調整的過程,排標題同樣也是如此。另外,標題的排版固然是很重要的,但是想要整體效果得到比較大的改善,正文、圖片、頁眉、頁腳、頁碼的配合也很重要,永遠要把整體的大效果擺在第一位。
隨著各大智能廠商對用戶行為數據的收集積累,拆分提煉出了不同場景下用戶的特定需求,相比以前的大而全臃腫的功能界面,現在的功能、信息更加精確,產品將不同場景下的解決方案為用戶提前準備好,用戶只需要簡單的選擇就好,更加人性便捷:
B&O音箱面向的人群是音樂發燒友,他們對音樂有獨到的理解,為了為用戶提供便捷合乎口味的音樂,B&O將歌曲類型與顏色情感相結合,分別是:黃色代表愉快的歌曲、紅色代表激情的歌曲、紫色代表憂郁的歌曲、藍色代表輕松的歌曲。用戶只需要選擇顏色就可以播放相應風格的音樂,給用戶濃烈的感性藝術氣息。
并且B&O將音樂播放場景做了細分:只收聽自己收藏的歌曲、收聽與自己品味相似的歌曲、隨便聽聽;這三個場景下的需求通過三層圓環來滿足:點擊外環區域播放全網歌曲、點擊中環區域播放與用戶收藏相似的歌曲、點擊內環區域播放用戶收藏的歌曲。這種感性的操作方式省去了搜索歌曲的過程,極大的提高了便捷性。
我們先了解一下三星智能冰箱1.0的系統是什么樣的,首頁包含時間、天氣顯示、音樂播放、購物清單、備忘錄、相冊、留言板、設備控制,用戶在冰箱面板上什么都能做,整體感覺是一個臃腫的功能集合。
在2.0中,三星將用戶使用場景做了以下的細分:烹飪模式、日常模式、娛樂休閑模式、家庭管理模式;在烹飪場景下,為用戶展現菜譜,用戶可以專注的去研究飯菜制作方法;在日常場景下,為用戶提供日歷、照片墻、留言板、日程等日常生活相關信息;娛樂場景下,用戶可以在廚房一邊忙碌一邊聽音樂,還可以查看社交消息,所有的功能都是圍繞娛樂休閑;家庭管理場景下,全職媽媽可以一邊做著飯,一邊看著監控屏幕上兒童房孩子的情況及全屋的安防情況,也可以控制家中的設備。
場景細分可以有重點的為用戶提供他們真正需要的服務,讓用戶感受到產品帶來的貼心感。
Orvibo根據用戶使用燈光的習慣,按照用戶對于光線的需求程度,將燈光使用場景分為:夜晚光線昏暗需要明亮的光照、白天光線充足不需要燈光、休閑時需要柔和些的光線、閱讀需要不刺眼但明亮的光線、起夜時微弱的輪廓照明即可。為用戶提供每種場景下的照明方案,準確快速的滿足用戶不同的需求。
小米根據用戶對于空調各個功能的操作頻率,羅列出核心功能:開關、溫度調節、冷熱模式,界面中只體現這幾種種信息,將低頻功能隱藏起來,為視覺降噪,突出核心功能,提升了用戶操控效率。
針對那些上班中不方便看手機、穿好衣服正要出門、旅游到達當地酒店需要看一眼天氣狀況的場景,WOM提供了簡潔直觀的設計方案,產品顯示區域只保留4種常見天氣類型,高亮的天氣icon代表當前的天氣狀況,當天氣將要發生變化時,相應的天氣icon會閃爍。
此外,通過利用顏色來傳達不同的溫度,藍色代表0℃,白色代表10℃,黃色代表20℃,紅色代表30℃,在不需要手機的情況下為用戶提供了豐富的展現形式。
隨著手機的普及,家庭對于電視的需求已不完全是為了收看節目,往往一個禮拜也看不了幾回。三星基于這種情況為了延續電子屏幕的銷量,賦予了電視裝飾屬性,演變為純展示的電子畫框,用戶可以選擇各種風格的肖像或風景圖片進行輪播展示,扮演藝術裝飾畫的角色,從而滿足用戶日常家庭裝飾需求。
在設計中融入圖片,將操作、狀態可視化,這些具象的形式可以讓用戶快速理解并操作,讓我們看看各大智能產品廠商是如何實施的:
大多數智能設備買回家后,需要用戶自己安裝,有的甚至牽扯到線路問題,Nest溫控器安裝界面采用與實物一致的模型元素,讓用戶有參照依據;通過零部件的運動告訴用戶安裝順序;通過放大細節,告訴用戶應該選哪一個部件及如何鏈接。讓用戶有更好的參與感、成就感,還可以降低公司的人力安裝成本、客服成本。
小米智能家居電視背景運用實物圖片,給用戶營造家庭的氛圍,設備卡片icon運用半寫實風格,和實際產品一一對應,便于用戶快速查找設備;卡片底部體現設備狀態,精簡的卡片信息使得設備的狀態更容易被用戶感知到。
三星、蘋果都運用圖片作為系統的背景,可以很好的和用戶拉近距離,通過白色或磨砂卡片與背景做區分,三星的設備icon采用多彩漸變風格,和它趨于年輕化、時尚個性的品牌戰略方向保持一致。
由于洗衣機、烤箱、冰箱的運行模式和用戶想要洗的衣物類型、材質、烹飪的食物類型、儲藏的食物類型有強關聯,Whirlpool運用圖片作為模式背景,將功能和物品類型結合,用戶可以直觀感性的理解和區分各個功能,從而快速做出選擇。
Orvibo在大屏智能面板的設計上大量使用圖片元素,不僅可以區分各個功能模塊,還增添了內容的豐富性,要知道智能面板的首屏和設備控制列表頁功能是不一樣的,它是用來承接并向用戶展示房間內各個信息的,房間圖片作為背景烘托出家的氛圍,每個房間頁面的左上角顯示屋內溫度、濕度、當前開啟的設備類型及數量,很直觀的向用戶展示屋內信息。
每個場景都用具體的圖片作為卡片背景,可以讓用戶預想到每個場景對應的運行效果。有的場景卡片中體現所屬房間信息,告訴用戶該場景只聯動運行特定區域的設備。
運用圖片會有以下問題:1、找到能體現各個特定功能的圖片增加了人力成本;2、圖片的多樣性容易打破畫面的整體統一感。所以要結合公司的現狀克制的運用圖片。
Amazon的監控設備卡片背景外顯了房間內的監控畫面,用戶在設備列表界面就可以直觀的看到監控區域的信息,強調了用戶關注的內容,縮短了操作步長。
通常,我們設置時間時,系統會給我彈出時間選擇控件,需要我們上下滑動設置;Lenovo Smart Clock的做法是將時、分的設置具象成了時鐘實際運行的圓形軌跡,與用戶對于時間的認知保持一致,很貼心的設計,這種方式非常值得我們學習。
Google Nest Hub 將傳統的定時列表具象成了一個個正在倒計時的時鐘,用戶可以更直觀的每個定時的狀態。點擊某個定時卡片可以快速的進行暫?;騽h除操作。
小米空氣凈化器界面,每一檔空氣質量值都對應不同的顏色,并且將顏色延續到了其他操控按鈕,讓用戶對當前空氣質量有更強的感知;凈化器被關閉時,顯示區域、控制區域置灰,明確告知用戶設備狀態及可操作區域。
房屋面積大,會有很多的設備與多個網關連接,家中與網關連接的智能設備有時候會連接中斷,具體哪個設備與哪個網關中斷了不容易被查清。三星SmartThings將設備與網關的連接情況可視化,可以向用戶直觀的反映出哪個設備連接出了問題。
通過利用不同形式的手勢操控,讓用戶和產品的交互過程更新穎更便捷。要注意的是雖然手勢不需要操控物理按鍵,但手勢操控的形式要建立在用戶已有認知習慣之上,請看以下案例:
最左邊的圖為行程信息截屏操作,目前截圖方式有幾個按鍵一起按下的,也有手機背面敲擊三下的,這些都需要與設備接觸,接觸交互的過程就需要花費用戶更多的時間,LG通過雙手捏合截圖的形式體現現實中“抓取”的語義,用戶使用起來順其自然,瞬間就可以完成截圖的目標。
中間的圖為應用快速切換操作,用戶只需要對著屏幕做揮手動作,就可以切換至下一個應用,這個隔空操控的手勢核心使用場景是:當你正在廚房,手上沾著面粉或其他東西時,需要操控手機又不想弄臟手機,那么隔空操作就可以解決這一痛點。
最右邊的圖為多媒體音量調節,只需要作出旋鈕的動作,就可以實現音量的控制,是不是覺著很Cool。這種新的控制形式可以讓用戶加深對產品的印象。
在Google Nest Hub的音樂播放界面,當你想開啟或暫停音樂播放,只需要手掌隔空朝著屏幕方向做按壓動作,就可以快速觸發相應功能,這種方式讓用戶會感覺很爽,自己就像有了魔力。
早上鬧鐘響起時,需要用戶選擇關閉鬧鐘還是稍后提醒,常見的情景是,用戶睜開眼伸手去點擊某個選項,會干擾想要接著睡的用戶。Google Nest Hub在此處增加了隔空操控手勢,用戶如果想關閉鬧鐘,只需要閉著眼,手掌朝著屏幕一揮手,就可以搞定了,有沒有被寵愛的感覺。
蘋果用戶如果想將手機上正在聽的歌曲通過HomePod播放,只需要將手機靠近HomePod,就可以輕松完成音樂投射,整個過程就像將一個容器的內容倒入到另一個容器內,既充滿趣味性又大大簡化了音樂播放設備切換的過程。
通過設計語言為用戶提供更多的視覺風格,甚至開放編輯權限讓用戶更自由的制定自己喜歡的形式,這些都可以滿足用戶的個性化需求及專屬感,請看以下案例:
Sony HUIS遙控器為用戶提供了最大限度的自主編輯權,用戶可以從后臺設定每個按鍵的形式及功能,也可以在屏幕中設置戶型圖,方便控制對應的設備。
甚至可以繪制只有自己理解的專屬圖案,大大提升了專屬感。
用戶具有喜新厭舊的心理,三星智能冰箱為用戶提供了豐富的屏保:有沒有任何信息展示的抽象幾何藝術畫風格、有配合溫度展示的春夏秋冬風格、有簡潔素雅的時間顯示風格、還有照片背景墻風格;兼顧了用戶日常裝飾和功能的需求。
Lenovo Smart Clock對于時鐘屏保為用戶提供了不同的風格,涵蓋了大多數的人群風格喜好:活潑跳躍、實用直觀、極簡現代、抽象藝術、純文字、純數字等
甚至在同一種風格中再細分為多種色彩搭配方案供用戶選擇??梢哉f想盡辦法來滿足用戶的個性化需求。
這里的統一設計語言有兩個方面:一、同一個功能在不同的智能設備上布局要一致;二、同一類設備在APP中的功能布局要一致;操控邏輯統一指的是:產品中設備的操控方式要和用戶對實際設備的認知一致。一致性可以降低學習成本,提升更穩定的操控體驗。請看以下案例:
Nest溫控器及ecobee溫控器在設備上的設計語言和App上的保持一致,方便用戶在多端設備上的無縫操控體驗。移動端與智能設備界面唯一不同的是,移動端,同一層級上展示的功能入口更多,適合更復雜的操作;
在移動端設置智能面板功能按鍵的界面中,Orvibo將按鍵列表做成與實物一致的樣式,便于用戶快速找到對應的按鍵進行設置,這是提升智能家居一致體驗常見的方式。
在智能家居App中,由于功能種類繁多、內容不確定等因素,承載它們的卡片在布局設計上面臨很大挑戰,需要兼容各種功能、還要保證卡片的整體一致性及合理的屏效比;在SmartThings智能家居控制系統中,三星對功能卡片進行了統一的部署,卡片左上角為功能名稱,左下角為狀態信息,右下角區域為操控區,并且還考慮了只有功能控制沒有狀態、只有信息沒有功能控制情況下卡片的拓展形式。充分保證了操控的一致體驗。
在調光燈的操作邏輯里有這么個問題:是將亮度值調至0%關閉燈光還是需要一個單獨的開關按鈕。看看Google是怎么做的,它將調光區域與燈的開關做了區分,也就是說亮度通過調光區域操作最低為1%,需要通過開關按鈕進行關閉;這樣做的好處是操作邏輯明確,并且當用戶在80%亮度下關閉燈光,下次開啟時還是80%的亮度,更加人性。
發表一下個人的心得,內容是關于如何選擇正確的產品提升方法,目前網上各平臺的智能產品界面有很多,然而大多都是不落地的概念稿,里面的設計稿由于沒有具體場景及需求的約束,大多都無法解決公司實際項目中的問題,經常瀏覽僅能提升個人審美。只有平時通過對各行業實際落地產品的搜集積累和分析,才能發現它們在提升產品體驗道路上的共通點、差異點,從而為公司提供真正有價值的設計方案。
根據互聯網消費調研中心,了解到戴森的消費者大致有三個特征:高品質消費、重視生活之美、新生活開啟者。重視生活之美的消費者更注重設計美觀、獨特、有辨識度的產品。
戴森品牌定位:高端、黑科技、高顏值。
下面我們通過案例去了解戴森是如何通過設計滿足品牌方和消費人群的。
戴森APP 1.0首頁通過模擬房屋、顏色變化來向用戶直觀展示屋外、屋內的空氣狀態;整體來看擬物化可以很直觀的向用戶展示信息,房屋的造型給用戶一種溫馨家的生活之美,更有辨識度。
屋外主要有天氣、AQI(空氣質量)、溫度、濕度、PM2.5、紫外線等信息;
屋內主要有Wifi強度、房間名稱、屋內空氣質量、溫度、濕度其它信息、設備圖片;
頁面左下角為設備控制入口、右下角為時間設置;底部可以通過左右滑動切換設備類型。
繁多的信息雖然給用戶專業的感覺,但無形之中削弱了信息的層級,并且有的圖標使用不準確,用戶不知道是什么。頁面中使用產品圖可以強化自身產品品牌,增強產品辨識度。
戴森APP 2.0首頁相比1.0,區分了信息層級,增強了操控體驗。
根據用戶使用習慣,屋外只保留了空氣質量等級、溫度、濕度這些常用的信息;
擴大了房間區域,為信息提供更多展示空間,降低視覺干擾。屋內保留Wifi強度、房間名稱、屋內空氣質量、溫度濕度,將設備核心功能入口外顯,用戶可以更便捷去操控設備,提升了易用性。
使用局部放大的產品,用圓形襯底,并且還可以體現設備開關狀態,這樣做可以統一不同產品下的畫面,增強了用戶對于產品狀態的感知,從而強化了產品品牌。
首頁通過上滑、下拉等手勢可以查看關于空氣質量的更多詳細信息,將主次信息分級,既能凸顯首頁主要信息,還不影響用戶快速查看詳情的效率。
相比戴森,Smartmi P1在灰底上只保留空氣質量、Pm2.5、產品圖,大留白,從而凸顯的是簡潔的科技感。
功能上也做了整合,簡化了操控細節,為用戶提供了自動、睡眠、中速、自定義等快捷選擇。
兩個品牌對比來看,戴森體現了家的溫情,Smartmi P1則體現了簡約的科技。
在家電市場中,廠家都希望消費者提高購買頻次,界面底部濾芯的剩余使用時長,可以起到提示用戶及時更換濾芯的作用,從而提高購買頻次。這一點還是值得借鑒的。
通過查看戴森店鋪裝修風格、流程界面縮略圖,發現戴森將它的品牌色——黑色、紫色貫穿至每一個需要引起用戶注意的元素上,視覺感受上更有一種“黑”科技的感覺,強化了品牌感知。
對于空氣質量等級顏色的選擇,戴森與空氣質量指數(AQI)等級顏色保持一致性。
室內室外顏色均可根據空氣質量等級顯示不同效果,可以給用戶提供更加直觀的感受。
Smartmi P1 則是通過文字和部分顏色來體現空氣質量等級,用戶感知弱。
空氣質量詳情頁,戴森和SmartP1均使用色塊體現等級,戴森使用的面積更大,更加明顯,P1則一貫延續留白的簡潔科技感。兩者都有數據分析功能,戴森通過刻度、細線條、更加規整的布局,看上去更具專業性,品質感。
戴森和Smart P1都有各個空氣污染物等級的說明,用戶可以了解當前空氣質量情況及顯示規則。
Smart P1 可以讓用戶設置哪些空氣污染物顯示,空氣污染物等級說明在一頁顯示,用戶需要上下滑動來查找相關污染物。
戴森將污染物類型做成導航形式,用戶可以快速選擇要看的類型;
范圍區間和對應的顏色放一起,強調了他們之間的關聯性,并且可以承載更多的說明信息。
對于硬件廠商,在設計界面時,其中一個重要的需求就是“在界面中體現產品”,從而增強產品的獨特性、辨識度。那么如何做才能恰到好處的向用戶展示產品信息呢?來看看戴森怎么做的,具體主要有兩方面:
1、App中產品出現的節點;2、以什么形式展示產品。
最順其自然的就是在設備控制界面放置對應的產品,其次就是在引導頁中體現,可以很直觀的告知用戶如何操作及產品當前的狀態反饋。
最后還可以在登錄頁、空狀態頁作為裝飾元素出現。
產品展現形式在控制界面及引導頁面要盡可能展示產品當前場景下的樣子。
例如:在調節角度界面,用俯視圖可以更加直觀體現旋轉角度的狀態。
在房屋界面,由于只需要體現設備狀態,所以用45度視角盡可能體現產品獨特的造型細節。
在登錄頁使用產品線框圖作為裝飾元素,減少對文本內容的干擾。
首頁上空氣凈化器選取常用的功能作為快速入口,并且使用圓、圓角矩形作為按鍵外框,我們看它的實體遙控器、產品造型,就知道為什么要用這2種形態了,這樣可以延續戴森的產品特征,使得整體品牌更具辨識度,達到強化品牌滲透的目的。
右下角為設備控制詳情入口,通過使用不透明白底與快捷功能鍵作出區分,還能保持整體性,品質感。
控制詳情頁放置產品實物圖,可以直觀展示產品狀態,功能圖標前期做了區分歸類,保證每一行的圖標尺寸一致的同時確保它們之間的相關性。角度設置界面,產品使用俯視圖,可以直觀展示角度信息。
對于用戶常用的操作使用滑動手勢,例如:風量,長按上下滑動可以很方便設置等級,松手返回確認,風量按鈕可以顯示風量等級條,用戶不僅可以通過數字了解風量等級,還可以通過進度條更直觀感知風量大小。
從畫面中可以看出,同樣的風向設置按鈕,在首頁,點擊后只能進行開啟、關閉風向;進入控制詳情頁,則可以設置具體的角度值;保證在不同場景下即可以快速便捷控制設備,也可以精確控制設備。
最左邊的控制界面是最早的版本,只有啟動或停止機器的功能,使用帶角度的視角來展示機器與場景,并且機器是可以進行移動擦除動畫,體現運行中的狀態,這種方式比較耗費開發時間。
中間的界面是過渡版本,較上一個版本做了優化,采用正視圖,并且增加了運行強度、運行區域、定時功能,底部的地板元素漸變處理減少了畫面對功能入口的干擾,既能體現場景,還更加易用。
最右邊界面為最新版本,放大了產品,減少了不必要的視覺元素,弱化了地板背景;充電圖標和設備狀態放置頂部,與功能區做區分;運行強度選項由展開變成收起,估計這個功能使用頻率較低;運行區域、定時功能的圖標做了優化,更加貼切。視覺和功能得到了完美的平衡。
燈光控制界面,主畫面是燈頂部實物圖,值得一提的是,點擊圖片上的開關按鈕就可以實現燈的開啟關閉,很直接;點擊開關上部的區域,會彈出色溫、亮度調節界面。功能區域和實物結合的形式值得我們學習。
右下角為場景選擇,可以選擇系統自帶的燈光使用場景,例如:讀書模式、休閑模式,也可以自定義,可以方便快速設定光線。
通過對戴森App的分析,我們了解到了可以通過擬物或者將功能控制區與實物結合的方式,提升用戶操控體驗及產品品牌辨識度;對于硬件產品App,要盡可能保持與實物的一致性,突出產品特征,包括按鈕形狀、色彩;還有就是可以學習到戴森為了平衡用戶與品牌方的需求,在視覺層面、交互層面的細微改動下的思考方式。
行為設計就是通過一些方法來引導行為,博取用戶的注意力和時間。用戶每次使用產品都是一次和產品交流的旅程,在這個旅程中,我們可以通過一些方法來影響用戶的決策,引導用戶的行為,從而達到產品目的。
斯坦福大學的B.J.福格總結了行為模型:
從這個模型中可以看出,福格教授把行為歸結為3個影響因素:動機、能力和提示
這三個因素又是以什么樣的具體方法對我們的行為進行影響的呢?有以下幾個方面:
動機是做出行為的欲望,是人行為的動力源泉,動機也是最難提高的。
人是群居動物,有強烈的社會屬性,在判斷什么是正確的時候,人們通常會根據其他人的意見行事。而且通常我們對社會認同的反應方式是無意識的,特別是在自己內心有不確定性時,最有可能認為大多數人的選擇是正確的。
在產品設計中,“多數人的選擇” 常常會作為一個重要的信息展現給用戶。比如寸土寸金的淘寶首頁推薦卡片里會把XX人付款作為露出信息。網易云音樂會把播放量當做歌單的必要信息之一。都是告訴用戶,看,許多人都購買了這件商品;看,好多人都選擇聽這首歌,如果你也這么選應該不會錯。
在 「Airbnb」 的詳情頁,有XX條評價,XX人推薦,都是在告訴用戶,這是一間靠譜的,讓人放心的好民宿,是眾多人的選擇,你可以放心的按下“預訂”按鈕。
「 權利服從研究試驗 」
1961年,耶魯大學心理學教授斯坦利·米爾格拉姆做了“權力服從研究”實驗,證明了絕大多數人對權威有服從性和信任感。 實驗中有一個學生單獨在一個房間里,負責實驗的科學家向他進行提問,如果回答錯誤,科學家就會要求接受實驗者通過控制臺對學生進行電擊,電壓從15V到用紅字標注著危險的450V。盡管電壓上升,學生尖叫時,大多數接受實驗者都會有所猶豫或抗議,但還是有65%的參加者服從了科學家的指令。這些參加者涵蓋了20-50歲,各種教育背景的人。這個實驗證明了大多數人都會對權威信服,甚至去虐待一個陌生人。
人對權威有天然的服從性。在產品應用上,我們可以通過放權威性的信息,獲得用戶信任感,從而促進行為的發生。比如五常大米會把自己的官方認證碼放在上面,告訴用戶自己是官方五常大米;被李佳琦這種意見領袖推薦過的商品會寫明自己是李佳琦推薦;
「 得物 」則提供第三方平臺檢驗真偽后再發貨,讓用戶買的放心。而大眾點評則開創了黑珍珠甄選,作為優秀餐廳的官方認證背書。都是用“權威”觸發用戶的順從心里,獲得用戶的信任感。
人們普遍相信“物以稀為貴”,對某樣東西失去的恐懼,會比獲得這樣東西的渴望,更能激發人們的行動力??释麚碛幸患娙藸帗尩臇|西,幾乎是一種本能。限量版的球鞋,限量版的手辦都讓人狂熱,仿佛沾上“限量”兩個字,它的價值就可以翻上幾翻。
淘寶的收藏,京東的“即將售罄”等都告訴你有限的貨物已經是低庫存狀態,已經快要賣完了,你若再不快點購買就很有可能會失去擁有它的機會,來增加緊迫感。
而商家經常推出的限時優惠、限時秒殺功能,則是用營造時間的稀缺感,告訴用戶時間有限,再不買便會錯過這難得一見的低廉價格,促使用戶馬上行動。
「 舒茲多巴胺試驗」
劍橋大學神經科學教授沃夫藍.舒茲(Wolfram Schultz)做了一個實驗,研究腦內獎賞系統。這個實驗也很有趣,它不僅可以作為預熱行為的論證實驗,還可以作為行為設計另一個重要模型峰終效應的論證實驗多巴胺是大腦中傳遞興奮、開心的物質??梢砸鸺痈?、迫切感或渴望感。猴子每次在得到香蕉之前都會先點亮一盞燈,而后才會得到香蕉,幾次過后,研究人員發現,每次燈亮時猴子分泌的多巴胺越來越多,而在得到香蕉時分泌的多巴胺越來越少。多巴胺分泌峰值是在亮燈時。這種期待的快感比實際吃到的快感更強烈。
「 淘寶試妝 」 用AR技術讓我提前體會到的“擁有這只口紅”的快樂。在貝殼用AR看老破小的時候,因為房間破舊雜亂給房子的感官大大減分,但經過一鍵AR裝修后,仿佛看到了我擁有這套房子改造之后的樣子,怎能不心動。
「 海淘的APP考拉 」 在讓我續費會員時,會告訴我之前購買的會員卡為我省了一筆大錢,用300多元卡費省下1989元是多么明智之舉。所以,“放心續費,這波不虧”。同時買會員卡還可以領其它家會員,續費還可以用紅包低價購買我常買的東西,統統都是在告訴我續費會員卡的價值。
「 拼多多的月卡 」讓我印象深刻,在讓我開月卡的詳情頁,會直接把紅包列出來:給4張5元的無門檻券,還有價值174的別的券。這些明明白白的優惠只需要7.8元就可以擁有三個月,簡直不要太劃算。
“宜家效應”是由美國行為經濟學家Dan Ariely提出。源自有很多人熱衷于購買宜家的半成品家具,付出勞動自己進行組裝,并為此感到成就感。 當人們對某件事物的投入越高,對它的感情就會越深,就越會認為它有更高的價值。宜家效應是一種認知偏差,也是一種內在動力。
在產品設計中任務系統勛章設計正是用了這個原理 ,
比如QQ的能量值,需要通過互動、購買等行為獲得的,這圖標本身的意義是不大的,但它卻是在qq中行為活動的象征,炫耀的資本;
想要獲得運動軟件KEEP中的勛章,就要付出體力:進行。這些勛章不僅僅只是一個標識,因為我的付出,讓它們每一個都很有意義。
好奇心也是人的一種內在動力。 激發好奇心,喚醒用戶興趣,促使用戶進行下一步行動。
尤瓦爾·赫拉利的著作人類簡史中里面有個觀點:
人類發展成尼安德特人之后有一部分發展成智人,另一部分沒有。是什么讓尼安德特人發展成智人呢?是好奇——強烈的窺探欲和交流欲,讓尼安德特人慢慢發明了語言,最后成為智人。好奇心,是人類本能。
比如「 知乎 」,首頁信息流都是用問問題的方式勾起用戶對不同內容的好奇心,是點進去查看的動力。社交軟件Soul則通過好奇心驅使用戶進行多維度的靈魂測試,看看自己是個什么樣的靈魂以及需要什么樣的契合。
淘寶的收藏,京東的“即將售罄”等都告訴你有限的貨物已經是低庫存狀態,已經快要賣完了,你若再不快點購買就很有可能會失去擁有它的機會,來增加緊迫感
從福格行為設計模型里面可以看出,用戶對做一件事情的能力越強,干擾和糾結越少,能力門檻越低,這個行為就越容易觸發成功。
比如很多軟件在截圖之后會直接彈出分享或下載選項,讓我在當前頁面便可以進行操作。 在登錄注冊時很多軟件可以直接記錄手機號,讓用戶可以不用輸入信息一鍵登錄,減少操作步驟,促進登陸行為的發生。
有研究證明一個成年人的閱讀速度大約是每個字250毫秒,多行的文字會給人造成壓力,專業性文字會讓人覺得難以理解。
一個小程序中的一個刪除確認彈窗,之前的有個版本放了大段文字想要解釋如何把刪除的任務從回收站復原,在做調研時發現到這個流程時用戶就會卡住,閱讀這長段的文字,雙眉緊簇,不知如何是好。
美國認知心理學先驅,G.A.米勒 做了一系列的實驗,得到了得出了人類工作記憶的上限徘徊在7+-2項。稱為“米勒定律”。后來的科學家們重新評估回憶結果并修正實驗方法后,目前的數據表明,真實的工作記憶是4到5項。
在「貝殼APP」中,對用戶提問不能接受最老的房子,給出的選項并未對時間做過多的細分,可以讓用戶用最快的速度分辨信息做出選擇,不耽誤繼續瀏覽信息流。在租房提示面板中看房時間和入住時間也只給出4個選項,讓用戶快速閱讀快速選擇。
同樣是做用戶反饋,「 餓了么 」使用了簡潔的文案和2個選項,「 美團買菜 」擇用了兩行文案和一個很多選擇的選項,相比之下,美團買菜的用戶調研讓我太有壓力了
有時會因為某些原因不得不給用戶提供多種選擇,過多選擇帶來的內心糾結和思來想去往往只會拖延行動,甚至還會讓行動不了了之。因此
「 貝殼APP 」會幫助用戶做房源對比,在價格,戶型,面積,朝向,裝修等等方面進行對比,幫助用戶進行更好的決策。「 喜馬拉雅 」會在我聽完一個節目后根據我近期所聽內容推薦我可能喜歡的內容,而不用用戶再去費心費勁的搜索。
對于用戶想做,但能力又不足的事情,降低門檻可以有效的促進用戶行為的發生。
比如「 微信讀書 」的無限卡兌換門檻很低,讀1分鐘,讀1小時,讀3小時就都可以兌換,除此之外還有很多很多的常駐活動都能兌換無限卡,降低讀書行為的門檻,讓沒卡這件事,盡量不要成為讀書的阻力。
「 京東支付 」會有京東白條的選項,可以分期付款,降低消費能力的門檻,促進購買行為的發生。
提示是提醒行動的信號,仿佛在對你說“現在就行動”,它必須是個明顯的存在。大多數人都無法抗拒的想要點APP上的紅色數字標簽,它們就是被刻意設計出來吸引注意力,促使我們行動的。
比如「 閑魚APP 」首頁的標簽欄中,把賣閑置這個按鈕做了顏色和形狀的特殊處理,讓它成為底部欄中最與眾不同的一個,吸引用戶觸發點擊。美團優選“新人禮包”彈窗用鮮明的高飽和度紅黃配色,讓用戶滿眼都是“它”
一、項目背景
百度文庫APP是一個在線文檔分享平臺,上線已有十余年的時間,是一款名副其實的老字號互聯網產品。隨著互聯網的成熟以及年輕用戶的涌入,時代語境和流行文化發生了變化。年輕化設計已經成為互聯網產品設計中不可避免的話題。在日常對用戶反饋的監測中,我們發現文庫APP當時的體驗已經不能滿足用戶多樣化的需求。并且在體驗走查以及用戶訪談中發現,文庫APP的視覺風格、交互方式、使用感受都存在老舊、不貼合流行趨勢的問題。
二、由內而外,打造年輕化感知
通過對年輕市場進行洞察,我們發現年輕用戶對產品的需求是多維度的。不僅對產品的“顏值”有高要求,他們更追求使用時的便捷和流暢度。他們對新鮮事物的接受程度更高,也更愿意去探索產品新的玩法,與產品進行沉浸的情感互動。
所以此次年輕化改版不能只是對“產品的外表”進行升級,要從視覺、體驗進行全方位、多維度的年輕化升級。由內而外的打造年輕化感知。
三、“老字號”互聯網產品的煥新之路
2.1 視覺升級-更好看
2.2 體驗升級-更好用
寫在最后
從UI設計誕生初期,設計師在屏幕上模擬現實世界的交互方式,用擬物化的設計風格幫助用戶熟悉UI界面操作。到現在用戶對移動屏幕越來越熟悉,設計師們可以在產品設計中去嘗試更多的可能性。產品與用戶共同成長才是年輕化設計的意義。
未來,我們也會保持好奇心和探索欲,不斷打磨產品體驗,與用戶共同成長。
感謝閱讀,以上內容均由百度MEUX團隊原創設計,以及百度MEUX版權所有,轉載請注明出處,違者必究,謝謝您的合作。申請轉載授權后臺回復【轉載】。也歡迎加入MEUX視覺/交互/運營設計師,可投簡歷至MEUX@baidu.com (注明信息獲取來源如:站酷)
關于我們:
MEUX,百度移動生態用戶體驗設計中心,負責百度移動生態體系的用戶/商業產品的全鏈路體驗設計。服務的產品包括百度APP、百度搜索、百度百科、百度貼吧、百度商業產品等。MEUX以「簡單極致」為設計理念,創造極致用戶體驗的同時賦能商業,推動設計行業的價值和影響力,讓生活因設計而更美好。
作者:百度MEUX 來源:站酷
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
今天來改一個海報分享頁的設計,這是最初的設計:
修改后:
我們分成兩大塊說說本次改稿思路:
1. 海報設計
2. 海報分享頁的整體設計
第一部分 海報的設計
現在海報上的內容排版看著挺隨便的,沒有啥設計感。
海報上要放的內容不多:用戶頭像、名稱、日期、文字、品牌信息(logo)
一開始我也沒有太多的修改靈感,但是在看了許多參考圖后,發現幾個共通點,這幾點完全能夠運用在類似的設計上,讓海報更有設計感。
第一點:數字/日期的特殊處理
特征總結下來就是這三點:
1.對某個數字單獨用不同的字體
2.數字用更大的字號
3.與其他文字結合而出的特殊排版
用以上的思路,改一下我們的稿子:
這樣是不是好一點?
第二點:海報采用實景的照片,那文字最好用白色
觀察類似的參考,幾乎99.99%的實景圖上的文字都是采用白色。
不排除有的分享卡片用的淺色圖、黑色字。
觀察得知:
淺圖黑色字,重在強調文字內容,對比更強烈,而深圖淺色字,文字更融入畫面,更溫和一些.
這里我們更想采用淺色的文字:不用那么強調文字,重在讓畫面更和諧。
第二部分 海報分享頁面的設計
第一點:遮罩用什么方式?
除了海報本身之外,整個分享頁面也是要設計。
大多以背景圖疊一層毛玻璃遮罩,看起來更有質感。
這種設計相比于純黑色透明度的遮罩方式要更有層次感,不至于那么平,也讓頁面更聚焦在海報本身。
第二點:分享彈窗的幾種形式
a. 將分享方式一屏全擺出來
適用于用戶可分享的方式 不是那么多的情況,否則會占據畫面太多高度。
b. 側滑
用戶可分享的方式很多的話,可以采用側滑。缺點是需要用戶滑動才能看到后面的功能。
在這里我們只有五個分享平臺,用不著再側滑,直接都擺出來就行。
第三點:取消按鈕的形式
a. 底部按鈕:更容易操作關閉
b. 海報上部的“陰暗角落”:更不容易點擊,相較也不那么容易被發現。
究其原因可能是,產品想讓用戶去分享,不想讓用戶很快就離開這個頁面。
取消按鈕也用不著那么強調,修改后:
c. 分享彈窗的右上角:不如a更易點擊,但比b好點
最后一點:除非是分享長圖,否則海報最好一屏就展示完。
這也是我之前忽略了的一點,導致做出來的海報展示不全。
總結
很多的 APP 都有海報分享功能,這次看了許許多多的類似設計,并且把通用的點,總結分享給大家,我總結的這些,希望能對你有幫助!~
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系。
作者:花菜 來源:站酷
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
這些天遇到了些問題,在進行視覺設計的時候,老是覺得自己設計上差點意思,總覺的哪里不太滿意。
也不是不好看,就是覺得還能夠設計得更加深入些,不管是從板式、字體、圖形、顏色等方面。
為了找到解決的辦法,我不斷的去欣賞別人的作品,從站酷到behance,從behance到各類獲獎作品。
嗯...為什么別人能夠有這么新穎的設計想法?我總結來幾點大家。
這是世界三大平面設計之一岡特·蘭堡的作品。
這是不是會給你一些靈感?我第一眼感覺這有點熟悉,似乎在別人的作品中運用過這種版式、元素。
在這版設計中,與岡特·蘭堡的作品相似之處就有:黃底黑字的橫條和藍色調的背景,再結合一些設計圖形,就能產生出一種新穎的設計風格。
就是在大師的視覺中提取元素靈感進行轉化,運用在我們的設計中會有不一樣的視覺體驗。
我們接著看他的其他作品。
這張作品就能給我很不錯的靈感,把想要突出的地方用強烈的對比手法進行設計?;蛘邔⑾胍怀龅脑剡M行特殊化處理。
類似于這樣的作品。
當靈感有限的時候,我們就可以靜下心來分析一下其他大師的作品,認真觀察大師的作品,有哪些地方是可以提取靈感出來。
再結合自己的設計讓其提高升華,讓自己的作品耳目一新,使作品獲得新生。
保持這種發掘思維去分析作品,久而久之你就會有源源不斷的靈感浮現腦海里。
你走你的陽關道,我過我的獨木橋,反其道而行,雖然在國內市場不太友好,但是嘗試一下走獨木橋的感覺,是否會帶給你不一樣的反饋。
特立獨行的視覺,做出差異化會給人們一種新穎的視覺觀感,就會吸引用戶,就比如喬布斯手下的蘋果產品,打破了當時對電子產品的認知,且對細節的把控極致到位。
人們其實都有視覺疲勞,長時間的保持這種風格,難免會讓人覺得平庸,突然出現的新穎視覺或想法,就能夠打破這種局面。
好比這個官網,首頁第一屏在我們印象中就是一個banner,在我們做網站的時候就認為第一屏就是應該放個banner在那里!
我們就好像思維固化了,第一屏就非得是個banner嗎?我們可以根據企業的屬性進行判斷,我們是否還有更優的方案,盡可能的賦予設計靈魂。
類似于這樣的首頁是否就是反其道而行呢?與同行就拉開差別了呢?自己品牌更加深入人心呢?
比如一個正常的首頁,在開始設計時,最頂部的是導航欄,導航欄中最左邊是一個logo,其次在右邊是產品介紹等等...
我們有沒有想過為什么會這么布局?我們可以反問自己:這種布局是最合適的嗎?最好看的嗎?還有沒有更加合適的方式?
這種方式把logo放中間突出品牌就挺不錯的。還有一些把導航欄折疊起來的。
剛開始我們是這樣布局的,這就很普通沒有做出差異化。
我們是不是可以把文案進行精細處理,提取重要的詞句,把他們放大,要有視覺沖擊力,重要的元素再次放大!
這樣布局方式就新穎很多,突出了主要文案,加強了視覺沖擊,又加深了品牌印象。
沒有新穎的想法往往是自己的思路、思維還沒有打開,開始進行視覺設計的時候:選擇這類行業自己認為還不錯的視覺方向,開始進行視覺輸出。
那就錯了,假如開始設計APP,只找一些APP的視覺稿那肯定是不夠的,風格就比較單一,你的視覺參考都不夠豐富,怎么能夠做出讓人眼前一亮的風格!
我們不妨跳出圈子出來觀察!
可以去看別人品牌設計的、數字藝術設計的、圖形設計的、包裝設計的、服裝設計的甚至產品設計的都可以。有可能是某一個小地方讓你有所啟發。
大量的看,覺得很好的視覺就思考:我們的視覺是這樣的會不會更好!
就比如這張視覺稿,色彩很艷麗,顏色跨度很大,有黑色的粗線,如果把這風格運用在APP視覺上會是怎樣的效果?
看到一張足夠吸引你的視覺稿,就想想如何轉化到工作中去,那可能就會有不一樣的視覺風格。
所以在設定風格時,
不局限于同行。
不局限于風格。
打開搜索范圍,讓頭腦風暴更猛一些。
做設計不是完成任務,所思考的是多方面的,好的設計是得花很多心思的;得保持冷靜,讓自己放松,著急或者有壓力的心境下你的思緒是亂的,根本就做不了設計。
所以有時候做設計得臉皮厚一些。
再者平時的審美積累是非常重要的,這個就相當于你的底子,有底子往上爬的速度也會快一些。
做到這些你就離大師不遠了!
最后,設計是永無止境的探索!加油共勉。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系。
作者:橙汁 來源:站酷
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
藍藍設計的小編 http://www.syprn.cn