深度解析:如何讓設(shè)計作品擺脫平庸?

2024-4-28    前端達(dá)人

作品平庸、不夠出彩、抓不住用戶眼球等等,這些是很多設(shè)計師工作中常遇到的困惑,60分的及格設(shè)計做起來得心應(yīng)手,可一旦要求提高到80分甚至更高就力不從心。
 
在現(xiàn)在這個如此內(nèi)卷的設(shè)計行業(yè),越來越多的設(shè)計師在追求技法、追求設(shè)計形式上的高難度,仿佛用到的技法牛不牛逼成為了作品質(zhì)量高不高的第一標(biāo)準(zhǔn)。
但殊不知過分的追求技法、堆效果,會導(dǎo)致用戶閱讀作品信息的難度增大,致使設(shè)計作品的商業(yè)價值降低,最終出力不討好。
 
所以想要提升作品出彩度、改變平庸表現(xiàn)有時不必大費(fèi)周章,往往當(dāng)你做好一些細(xì)節(jié)工作時上述問題便水到渠成的解決了,所以本期就給大家分享幾個解決此類問題的實(shí)用技巧。
 
 
一、放大關(guān)鍵文字信息
文字,作為商業(yè)設(shè)計中最直觀的信息載體,它在整個設(shè)計環(huán)節(jié)都至關(guān)重要,但這也是很多設(shè)計師容易忽略的環(huán)節(jié),因?yàn)樗麄兏敢獍丫Ψ旁诋嬅娌季?、元素搭配、?chuàng)意實(shí)現(xiàn)等容易出效果的環(huán)節(jié)上。
 
文字除了具備傳達(dá)信息的作用外,在設(shè)計工作中它還能起到很好的裝飾作用,所以在設(shè)計行業(yè)中有個分支叫字體設(shè)計師。
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
當(dāng)你能做到文字保證可閱讀性且又能兼顧設(shè)計感的時候,你會發(fā)現(xiàn)你的作品整體質(zhì)量會提升很多,但這項(xiàng)能力可不是一朝一夕就能掌握的,對于很多設(shè)計師來說有一定局限性。
所以相比文字設(shè)計來說,放大關(guān)鍵文字信息這招適用性就強(qiáng)的多了。
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
不難發(fā)現(xiàn)即便是常規(guī)字體,當(dāng)文字被刻意放大后其裝飾作用就會變得更明顯,給人能帶來強(qiáng)烈的沖擊力讓人印象深刻。
 
按照上述理論,簡單做個案例:
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
最終呈現(xiàn):
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
這個案例就很好的利用了字體放大后的裝飾特性,其關(guān)鍵在第二步,當(dāng)主文案在畫面位置確定的那一刻,整體效果其實(shí)已經(jīng)出來了,緊接著將其他文案排好、增加畫面細(xì)節(jié)讓整體更豐富就行了。
 
所以有目的性的放大文字信息,能在一定程度上幫助我們提升作品整體的層次感和設(shè)計感,從而讓作品在視覺呈現(xiàn)上更出彩。
 
 
二、數(shù)字外文信息別放過
前面說了放大后文字具備很好的裝飾作用,這在數(shù)字和外文信息上體現(xiàn)的更明顯,甚至有時即便不刻意放大裝飾作用也很強(qiáng)。
因?yàn)橹形暮蛿?shù)字、外文結(jié)構(gòu)上就有差異化,當(dāng)多類文字信息同時出現(xiàn)在設(shè)計作品上時,在視覺上便很容易營造層次感,所以此時我們可以利用這一特點(diǎn)在數(shù)字和外文信息上下功夫。
 
首先說下設(shè)計師在工作中容易忽略的字體選擇細(xì)節(jié),中文、外文、數(shù)字習(xí)慣性的用中文字體,就這么一個小細(xì)節(jié)就足以讓我們作品質(zhì)量打折扣。如下圖當(dāng)數(shù)字和中文都使用統(tǒng)一字體思源黑體時,整體給人的感覺很平、甚至有些枯燥、乏味。
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
只是將中文和數(shù)字字體做出區(qū)分,層次感和設(shè)計感馬上不一樣了。
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
還可以將關(guān)鍵數(shù)字信息進(jìn)一步處理,進(jìn)一步提升視覺層次。
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
按照老板的邏輯,把利益點(diǎn)放大、加粗、標(biāo)紅也不是不行。
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
同樣的文案信息,只是將中文和數(shù)字字體區(qū)別出來就能有如此提升,看似很基礎(chǔ)的操作,但卻總會有一些設(shè)計師容易忽略。
在不影響文字正常信息傳遞的前提下,放大后的數(shù)字和外文裝飾作用要比中文更強(qiáng)烈,
所以我們一樣可以通過放大數(shù)字或外文的手段來提升我們作品的出彩度。
 
再看看下面這組案例:
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
相比較而言后三個都是在第一個基礎(chǔ)排版上做了放大處理,其實(shí)采用的手法相同,只不過有的針對數(shù)字90,有的針對關(guān)鍵信息90天免費(fèi)換新而已。
 
現(xiàn)在你能理解為什么很多高質(zhì)量的作品都喜歡著重處理數(shù)字和外文信息了吧,因?yàn)槿绱撕唵蔚募?xì)節(jié)操作往往能四兩撥千斤,高效實(shí)用又出效果,類似的案例還有:
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
還有一種做法:在不影響正常文字信息閱讀的前提下,可以嘗試將部分外文或數(shù)字與常規(guī)文字形成疊壓關(guān)系,比如:
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
如上圖所示,通過數(shù)字或外文字體的疊壓,使得看似簡單的兩行文字在視覺上有設(shè)計感和層次感,類似的案例還有:
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
另外這里提到的著重處理也可以是加粗、變色、添加材質(zhì)、水印化等等,目的都是通過相對簡單的文字處理讓我們的設(shè)計作品整體更具設(shè)計感,更有記憶點(diǎn)。
 
 
三、遮擋
這里所說的遮擋并不是指簡單的元素間的疊壓,而是營造空間層次感的一種設(shè)計手法。另外不要提到空間、層次就想到建模三維、復(fù)雜合成等等,反而一些簡單高效的處理方式在設(shè)計工作中更實(shí)用,也更容易出效果。
 
1)文字與其他元素間相互穿插。
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
如上圖所示,這里的文字已經(jīng)不單單是信息元素的存在了,更是畫面中非常重要的設(shè)計元素,也正是因?yàn)閷⑽淖峙c其他元素刻意遮擋的處理,才使得畫面整體的層次感和設(shè)計感更加強(qiáng)烈。
 
還有就是不要局限于文字穿插,一些圖案、線條同樣也可以按照上述思路做穿插遮擋。
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
所以在商業(yè)設(shè)計工作中,沒必要過于迷戀復(fù)雜的技法,學(xué)會歸納總結(jié)逐漸形成自己的方法論,會讓你的工作事半功倍。
 
2)虛實(shí)結(jié)合
接下來說說遮擋的另一種方式:利用模糊化處理后的元素,在畫面營造出一種前虛后實(shí)的視覺效果,類似攝影中的景深效,比如:
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
如上圖所示,虛化的植物、葉子等元素在畫面中就起到了很好的拉開空間距離、提升視覺層次感的作用,在不影響主題表現(xiàn)的前提下提升了整體的設(shè)計感。當(dāng)然文字也可以按照上述理論來做:
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
將虛化后的文字當(dāng)做畫面中的前景,在視覺上一樣可以營造出很強(qiáng)的視覺層次感,讓人眼前一亮。包括一些光影效果同樣也很出彩:
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
你會發(fā)現(xiàn)當(dāng)畫面中空間上的遮擋關(guān)系形成后,作品就變得相對更容易出效果,設(shè)計感也會更好表現(xiàn),所以按照這個邏輯還可以繼續(xù)拓展。
 
現(xiàn)實(shí)生活中大家對玻璃都不陌生,一些油砂、磨砂類的玻璃所能映襯出的背景基本也都是虛化的,這與我今天所說的模糊化遮擋是不是很像?
 
3)玻璃效果
下面看個小案例:
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
雖然兩者只有簡單的變化,但顯然右邊案例給人的感覺更協(xié)調(diào)、豐富、有意思,而左邊雖然做法沒有問題,但視覺表現(xiàn)上相對右邊案例就顯得略微相對有些平淡。
 
類似的案例還有:
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
如上圖所示,是不是一下就能感受到玻璃在畫面中的獨(dú)特作用了。這樣的處理方式在很多優(yōu)秀作品中也經(jīng)常能看到,所以在適當(dāng)?shù)臅r候利用玻璃效果營造畫面層次感和設(shè)計感也是很好的選擇之一。
 
下面再來做個案例:
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
最終呈現(xiàn):
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
這個案例我相信做到第二步對于很多人來說都不難,但如果只是到第二步的話作品明顯缺少層次變化,給人的感覺略顯單調(diào)。
 
所以既然缺少變化、層次感不夠,那我接下來要做的就是做針對性的改變,我首先想到的就是利用玻璃元素的特性增強(qiáng)畫面層次感和形式感。然后我又想到了使用光影效果:
深度解析:如何讓設(shè)計作品擺脫平庸?
 
 
雖然跟前面玻璃效果的案例在視覺表現(xiàn)上有所不同,但兩者核心方法卻是一樣的——遮擋,通過虛實(shí)結(jié)合的方式提升作品整體層次感。
 
 
四、最后總結(jié)
往往能決定作品質(zhì)量的就是對細(xì)節(jié)的優(yōu)化和調(diào)整,這個過程并不是說有多么復(fù)雜,關(guān)鍵點(diǎn)在于要會審查作品,找出問題、然后對應(yīng)的解決問題。
 
文章給大家分享了在一些在工作中可供參考、高效實(shí)用的設(shè)計思路,當(dāng)然這些還遠(yuǎn)遠(yuǎn)不夠,比如還可以從:配色、留白、裝飾元素、肌理素材等方面入手,大家要學(xué)會發(fā)散思維、靈活運(yùn)用。所以我們要盡力成為那個能出色完成工作的人,而不是及格就萬事大吉,在工作中對自己要求高一些,成長就會快很多。

藍(lán)藍(lán)設(shè)計(yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗(yàn)設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司數(shù)據(jù)可視化設(shè)計公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)


作者:美工美邦
鏈接:https://www.zcool.com.cn/article/ZMTYxODAwMA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

日歷

鏈接

個人資料

存檔