2018-8-7 ui設(shè)計分享達(dá)人
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里
在產(chǎn)品設(shè)計領(lǐng)域,或許有人認(rèn)為已經(jīng)到了成熟階段,已沒有太多空間進(jìn)行創(chuàng)新。
但事實上,由于品牌需要新鮮的東西持續(xù)吸引用戶的注意力,新的設(shè)計或者對舊設(shè)計的改造依舊層出不窮。那些真正實用和有價值的想法最終會沉淀下來,成為一種設(shè)計趨勢。
最近,我們越來越多地看到很多品牌和設(shè)計師在嘗試一種有機設(shè)計和幾何設(shè)計的組合。比起注重對概念的描述,開始更注重整體的形象和感覺。這便是一種“抽象設(shè)計”的回歸。
像圓形、長方形和多邊形這種幾何圖形在產(chǎn)品設(shè)計領(lǐng)域已經(jīng)出現(xiàn)已久,一直效果不錯:通過創(chuàng)造出結(jié)構(gòu)層次,它們讓內(nèi)容的組織更清晰;在插畫中,它們代表著一種“極簡”作風(fēng),留給用戶想象的空間。
現(xiàn)在,這種簡潔的幾何風(fēng)格繼續(xù)進(jìn)化:有更自然和自由的形狀。
波浪線、多樣的曲線、有力的拱形、跟更偏功能性的幾何風(fēng)格相比,創(chuàng)造出更加獨特、更具吸引力的組合。這樣的設(shè)計更具象征意義,而沒有太多描述性,因此留下足夠的空間讓用戶發(fā)掘和演繹。當(dāng)然,這可能同時是優(yōu)勢和缺點,設(shè)計師要具體情況具體分析。
這種抽象化、有機化的幾何風(fēng)格傾向會深刻影響2018年設(shè)計方向。比起以往,能理解圖形背后的意義和其對感官的沖擊力愈加重要。
幾何圖形
幾何圖形具有平衡感和高辨識度,通常暗示著結(jié)構(gòu)、順序和效率。
正方形和長方形是最常見的,它們能制造出一種平等和一致的感覺,代表著穩(wěn)定和可靠的品質(zhì)。
圓形和橢圓是最友好的,有著統(tǒng)一、完整、以及無限的感覺,代表著愛護(hù)、和諧和感激。
三角形是最具矛盾感的,有時代表著一種不穩(wěn)定,給人一種緊張、矛盾、侵犯性的感受;有時也代表著一種穩(wěn)定,象征著法律、科學(xué)和宗教。
漩渦形狀是最有創(chuàng)新性的,代表著成長和進(jìn)化,傳遞著變化、生活和神秘的意念。順時針的漩渦暗示著專注和目的,逆時針的漩渦則暗示著圓滿。
十字形狀是最富精神層面意義的,代表著平衡、治愈、智慧、希望和信心。重心偏垂直方向的十字暗示著強壯,而偏水平方向的十字代表著平和。
有機圖形
有機圖形是指那些不規(guī)范、隨意、并不怎么對稱的形狀,經(jīng)常是對大自然的模擬。因此有機圖形的內(nèi)涵常來自它們模仿的自然物體。
尖刺圖形是最具有反叛意義的,代表著自然流露、玩世不恭、難以預(yù)測、常能吸引人的注意力。
云朵形狀是最讓人愉悅的,代表著友好、溫暖、舒適、和善良。
波浪型是最“涼爽”的,代表著放松、平穩(wěn),有時候因難以預(yù)測而增添扣人心弦的感覺。
抽象圖形
抽象圖形就是常見元素或形狀的簡化版,大多是基于幾何圖形和有機圖形。
抽象圖形通常是隨意的,因為它們的外在形式可以有多種。根據(jù)它們的形狀和細(xì)節(jié)可以傳遞不同的想法和情緒。抽象圖形可以非常有趣,非常獨特,可以代表前沿,代表玩趣,代表神秘,或者放松,迷惑等等,可塑性超強。
現(xiàn)在我們了解了抽象風(fēng)格的一些基本元素,現(xiàn)在來看看在這基礎(chǔ)上的后期修飾。通過在顏色、漸變色、重復(fù)圖案、紋理、字體和圖片層面的設(shè)計,我們可以額外為設(shè)計增添深度、個性和趣味。
顏色
顏色能夠表達(dá)和影響情緒和想法,跟我們對世界的認(rèn)知息息相關(guān)。
白色-安全:純真 純潔 干凈
黑色-神秘:正式 神秘 睿智
紅色-活力: 危險 有力 激情
橘色-溫暖:創(chuàng)意 熱情 鼓勵
黃色-樂觀:活力 忠誠 開心
綠色-和諧:新鮮 自然 安全
藍(lán)色-信任:自信 智慧 明智
紫色-神圣:奢華 明智 雄心
粉色-魅力:甜蜜 溫柔 玩趣
顏色是復(fù)雜的,不同的色度和色調(diào),不同的顏色搭配,都會產(chǎn)生不同的感官體驗。而且對于不同的人來說,還會傳遞不同的情緒和意義。年齡、種族、文化、性別、甚至心情都會影響感知。因此我們不能單純依賴顏色來傳遞信息或行為,而要首先考慮設(shè)計目標(biāo)和用戶。
漸變色
漸變色是兩種顏色或一種顏色不同色調(diào)的漸進(jìn)式混合。大自然中到處都能看到漸變色,因為漸變色看上去有熟悉感和愉悅感。使用漸變色能為設(shè)計元素帶來深度和維度,從而增添摩登、新鮮和獨特感。
我們可以用淺色調(diào)的組合吸引用戶注意力,或者使用深色調(diào)組合為設(shè)計增添深度。使用色輪里相近的顏色,能創(chuàng)造出平滑、明亮的漸變;使用色輪里距離較遠(yuǎn)的顏色,就會產(chǎn)生一個更加“中性”的中間色,視覺效果一般,此時可以嘗試增加第三種更亮的顏色。
通過調(diào)整透明度、旋轉(zhuǎn)度等,我們可以讓漸變色更富創(chuàng)意一些。大自然完全可以是我們獲取漸變色靈感的來源。
重復(fù)圖案
重復(fù)圖案是指一個或多個視覺元素的重復(fù),能給設(shè)計帶來統(tǒng)一感、質(zhì)感,豐富細(xì)節(jié),加強視覺沖擊力。不過重復(fù)圖案同時也會增加視覺上的負(fù)擔(dān),因此簡約和細(xì)膩是關(guān)鍵。
重復(fù)圖案能夠給我們的抽象組合增添節(jié)奏和移動感,在視覺上有五種節(jié)奏:隨意、規(guī)律、交替、流動、漸進(jìn)。每一種都能提供無限的組合和可能。我們既可以在簡單的圖形里,也可以在背景中使用重復(fù)圖案。
紋理
紋理是指表面的品質(zhì)特點,對于抽象設(shè)計來說,是很好的增加視覺豐富性、深度和趣味的方式。紋理既能展現(xiàn)表面的視覺形象,也能傳遞情感。質(zhì)感可以是粗礪的、平滑的、柔軟的、絲滑的、閃亮的、毛絨感的、液態(tài)的等等??梢泽w現(xiàn)自然感或者人為感,厚重感或輕薄感,固體或流動感。
字體排版
字體排版是選擇和安排字體的藝術(shù)和技巧。要選擇字體時,我們首先要確定設(shè)計的目標(biāo)和受眾。我們想傳達(dá)什么信息? 想要傳遞什么情緒?我們想要吸引誰?挑戰(zhàn)誰?說服誰?告知誰?
字體排版是為我們設(shè)計奠定情緒、風(fēng)格的關(guān)鍵。每一種字體都有它自己的性格。字體可以是友好的、花哨的、嚴(yán)肅的、侵略性的、玩趣的等等。字體的個性會影響我們對文字內(nèi)容的感受,也會影響我們接受信息的效果。
有時我們需要走出舒適區(qū),加以探索,使用不同的字體來創(chuàng)造視覺上的對比效果,比如使用不同風(fēng)格的字體、字體大小、字重和顏色。當(dāng)然要適量而行,太多的字體變化在視覺上也會造成迷惑。
照片
使用照片,我們同樣可以為設(shè)計增添深度、附加情緒、突出風(fēng)格。因此選擇合適的照片至關(guān)重要,照片要跟設(shè)計的整體主題和風(fēng)格相協(xié)調(diào)。
根據(jù)主題、技巧和風(fēng)格的不同,照片可以分為很多類別,比如風(fēng)景照、人像、靜物、黑白照、時尚、美女、自然、天空、概念照等等。我們還可以再后期編輯,比如把顏色調(diào)淡,或者調(diào)亮、調(diào)深,或者改變顏色、剪裁、模糊、變形等等,后期的可能性無窮無盡。
如何使用圖片也是發(fā)揮創(chuàng)造的一方面,可以將圖片設(shè)為背景,或者加蒙版;可以整體應(yīng)用,也可以只用一部分,甚至可以將其作為紋理。我們還能在圖片上寫字、變色、打碎、加邊框等。
視覺層次&對比&平衡
所以,我們應(yīng)該如何組合不同的視覺元素呢? 層次、 對比和平衡,這三點能助我們設(shè)計出吸引人而且容易閱讀的作品。以下是一些設(shè)計原則:
尺寸:增加某個元素的尺寸是最直接的增加其視覺重要性的方法。使用不同尺寸的元素,自然會引導(dǎo)用戶理解元素的層次。
顏色:我們會本能地被顏色吸引。明亮的顏色抓人眼球,但是如果顏色過多,就很難突出一種來。有目的地節(jié)制地使用吸引人的顏色才是關(guān)鍵。我們可以調(diào)整不同的色溫、色度、色調(diào)、飽和度等;也可以策略性地使用明亮色或啞光色,創(chuàng)造出高對比度和低對比度的設(shè)計。
留白:空白處可以起到引導(dǎo)用戶視線的作用,切割不同的視覺元素,創(chuàng)作一種視覺層次。留白處可以讓眼睛得以休憩,并舒適地定位到焦點位置。
移動: 我們的眼球會自然被動的物體吸引,增加移動效果可以讓某些元素輕易地突出。
對稱和非對稱:視覺上的對稱設(shè)計可以帶來和諧和秩序感,如果用非對稱元素干擾平衡性,則會增添一份趣味性和強烈度。
*其他還有一些可以考慮的設(shè)計方法,比如運用具備自然平衡美感的黃金分割定律,運用格式塔原理設(shè)計組合和布局,或者利用“視覺三角形”突出強調(diào),以及“三分法”制造一個具有強烈感的構(gòu)圖。
善用抽象設(shè)計
一些抽象設(shè)計佳作
現(xiàn)在,你大概已經(jīng)理解了能實現(xiàn)抽象設(shè)計的各種基本元素,以及一些策略方法。
不過也要記得,一千個人眼中有一千個哈姆雷特,不同的用戶可能對這種“任意”的設(shè)計有“任意”的解讀。因此使用抽象設(shè)計風(fēng)格要謹(jǐn)慎,如果你的信息傳達(dá)不夠準(zhǔn)確,或者信息本身非常依賴視覺元素,就要避免使用這種風(fēng)格。
藍(lán)藍(lán)設(shè)計( m.sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍(lán)藍(lán)設(shè)計的小編 http://m.sillybuy.com