首頁(yè)

當(dāng)客戶說(shuō)'不夠高級(jí)'時(shí),我用這兩招讓設(shè)計(jì)秒變奢侈品視覺(jué)

天宇 平面設(shè)計(jì)

今天我們視覺(jué)課上有同學(xué)的作業(yè)畫了一個(gè)唱片機(jī),有很多的問(wèn)題,我們來(lái)看一下。
修改前:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
修改后:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
給家分享一下修改的心得和注意事項(xiàng)。
 
 
1.結(jié)構(gòu)比列
 
我們先從結(jié)構(gòu)比例上來(lái)觀察,唱片的大小不合適,超出了唱片機(jī)的范圍。唱片也沒(méi)有厚度,顯得很單薄。最后是唱片機(jī)的高度很低,這樣導(dǎo)致了最后的整體效果有些扁扁的,不夠飽滿的和立體:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
所以我們需要把這些比列問(wèn)題先調(diào)整出來(lái)。收回唱片的范圍、增加唱片的厚度、增加唱片機(jī)的高度:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
通過(guò)結(jié)構(gòu)比列的調(diào)整,整體可以看到明顯地變得更穩(wěn)定和飽滿了。
 
 
2.結(jié)構(gòu)組合
原來(lái)的作業(yè)里,在唱片機(jī)側(cè)面增加了旋鈕來(lái)作為裝飾:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
但是這樣加有幾個(gè)問(wèn)題。
第一個(gè)是,左右兩邊都是旋鈕,這樣在視覺(jué)上會(huì)很重復(fù)。
第二是,占比都很小,整體看起來(lái)就會(huì)很小氣,不飽滿。
看下我們修改后的:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
左邊的一排旋鈕,我們減少成了一個(gè)大旋鈕和一個(gè)顯示屏:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
而右邊呢,我們可以直接不加?xùn)|西,如果一定要加也盡量區(qū)別于左邊。比如可以加一個(gè)播放狀態(tài):
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
這樣是不是就更豐富飽滿了呢。
所以我們?cè)谶@些周圍加結(jié)構(gòu)裝飾的時(shí)候呢,一定要注意飽滿度,然后是盡量用不同的類型去修飾,減少重復(fù)性。
 
 
3.顏色調(diào)整
還有一個(gè)比較大的問(wèn)題,那就是顏色了,原來(lái)的顏色整體都有些悶悶的,不夠高級(jí),左邊旋鈕的顏色也比較跳脫:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
再分析一下他的顏色選擇:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
可以看到基本是同一個(gè)顏色單純變化了明度和飽和度。
那我們修改后的顏色呢:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
可以看到有明顯的色相變化,但是飽和度和明度基一直在中間最頂部,沒(méi)有做變化。這樣才能讓我們的的顏色始終保持干凈通透。
原本比較跳脫的按鈕顏色也改成了和身體一致的顏色,這樣就不會(huì)顯得跳脫了:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
 
 
4.細(xì)節(jié)表現(xiàn)
原來(lái)的作業(yè),唱片基本就是黑色,沒(méi)有光感:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
這種比較中心的元素不應(yīng)該平平無(wú)奇,而是要想辦法增加更多的細(xì)節(jié),這樣才能好看,才能吸睛!
矩形工具拉一個(gè)藍(lán)色塊:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
用透視工具拉變形成兩個(gè)倒三角:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
剪貼蒙版到唱片上,然后調(diào)整羽化值20左右,就得到了貼合唱片的光感:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
用同樣的方法,多做幾條光:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
新建圖層填充一個(gè)中性灰,然后使用濾鏡-雜色-添加雜色功能做出這個(gè)素材:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
使用疊加模式,透明度45%把這個(gè)素材疊加在唱片上以增加顆粒感:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
接下來(lái),我們還要加強(qiáng)光感對(duì)比:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
在箭頭位置都加入了更亮的顏色去提亮,讓整體的光感更通透和明亮,就不會(huì)像原來(lái)這樣整體悶悶的了:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
最后我們?cè)賮?lái)看一下完成后的效果:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
 


作者:菜心輕量文
鏈接:https://www.zcool.com.cn/article/ZMTYxNzExNg==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(www.363858.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

快速提升設(shè)計(jì)氣質(zhì)的7個(gè)版式技巧

天宇

掌握一些有效的技巧,有時(shí)能事半功倍。

排版的技巧有很多,而且隨著設(shè)計(jì)的發(fā)展,每過(guò)一段時(shí)間都會(huì)有一些新的技巧流行起來(lái),蔥爺今天要給大家分享的這7個(gè)技巧,也是近幾年比較流行,且容易上手、容易出效果的排版技巧。

 

比如給英文或者中文標(biāo)題選擇一個(gè)筆畫很粗的無(wú)襯線字體,然后在它上面加一個(gè)或幾個(gè)比較潦草、筆畫較細(xì)的手寫英文單詞,就能得到一個(gè)很不錯(cuò)的效果。

 

由于識(shí)別性不高,手寫的英文單詞最好是無(wú)關(guān)緊要的,主要是為了起裝飾作用。
在此基礎(chǔ)上還可以進(jìn)行色彩搭配,而且顏色對(duì)比最好要鮮明一點(diǎn),這樣就建立起了強(qiáng)烈的粗細(xì)對(duì)比、大小對(duì)比、剛?cè)釋?duì)比、色彩對(duì)比等。適合在海報(bào)設(shè)計(jì)、畫冊(cè)設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)中使用。

undefined

 

 

 

你是不是常常發(fā)現(xiàn)自己設(shè)計(jì)好的版面太過(guò)規(guī)矩,或者有點(diǎn)空、缺乏細(xì)節(jié)?而增加一個(gè)用英文排成的圓圈就可以解決很多類似的問(wèn)題。

 

 

因?yàn)檫@個(gè)圓圈文字能與版面中的圖片以及其他文字塊形成輪廓對(duì)比、面和線的對(duì)比、曲和直的對(duì)比等。為了讓其不太孤立和單調(diào),最好最好把它疊加在圖片或其他文字上面。
組成圓圈的文字字體可以是襯線體、無(wú)襯線體或者手寫體,但字號(hào)不宜太大,精致、秀氣一點(diǎn)比較好看。

 

 

在正常的排版中我們都知道,字間距和行距都不能太大,而且間距要比行距小,而在文字比較少、版面比較空的情況下,我們可以把一些不是很重要且字?jǐn)?shù)比較少的文字,采用大間距、大行距的方式排版。

 

 

這么做等于是把單詞或者句子拆成了整齊排列的一組“點(diǎn)”,這樣它就能與版面的其它元素形成點(diǎn)、線、面的對(duì)比,可以增強(qiáng)版面的設(shè)計(jì)感,而且能覆蓋比較大的空間,起到裝飾的作用。

 

 

這是類似于攝影中雙重曝光的技巧,只不過(guò)把外輪廓圖形換成了文字,所以這既是一個(gè)排版技巧,也是一種設(shè)計(jì)形式。
為了效果比較好,用于填充圖片的文字通常是字號(hào)較大、筆畫較粗、字?jǐn)?shù)較少的標(biāo)題文字,圖片也要選擇質(zhì)感好、顏值高的,如果是具象的圖片則要盡量保證重要部分的完整性和識(shí)別性。

 

 

 

 

 

不是說(shuō)要把文字做立體字,而是把文字按照一定的結(jié)構(gòu)進(jìn)行組合,或者把文字變形處理,從而達(dá)到三維效果。
由于文字常見(jiàn)的狀態(tài)是扁平的,所以當(dāng)打破文字這種常規(guī)的狀態(tài),將其圖形化、賦予三維效果時(shí),就會(huì)具有很強(qiáng)烈的視覺(jué)沖擊。在使用這一技巧時(shí)要注意文字的識(shí)別性。

undefined

這一技巧同樣也適用于標(biāo)題排版,字體同樣要選擇筆畫較粗的無(wú)襯線體,而且字號(hào)要大,描邊字與無(wú)描邊字的字號(hào)要統(tǒng)一或者比較接近。
這種效果比較好的原因是,描邊文字與無(wú)描邊文字組合在一起,可創(chuàng)造出鮮明的線面對(duì)比、虛實(shí)對(duì)比、輕重對(duì)比。為了保證文字的識(shí)別性,文字的描邊不要太細(xì),也別太粗。

undefined

在圖片為人物、動(dòng)物,或者產(chǎn)品的設(shè)計(jì)中,可以把最主要、或者質(zhì)量最好的一張圖片去底,并且拉大,然后再搭配1-2張比較小的方形圖片,這樣就能形成鮮明的大小對(duì)比和輪廓對(duì)比,效果也是不錯(cuò)的。
這種排版方式在網(wǎng)頁(yè)設(shè)計(jì)和畫冊(cè)設(shè)計(jì)中很常見(jiàn)。

 

 

 

 

總結(jié)

 

怎么樣?以上的7個(gè)版式小技巧還不錯(cuò)吧,趕緊去試一試。你們可能也發(fā)現(xiàn)了,其實(shí)它們都是巧妙運(yùn)用了設(shè)計(jì)中的對(duì)比原則,比如大小對(duì)比、粗細(xì)對(duì)比、點(diǎn)線面、平面與立體對(duì)比、輪廓對(duì)比、虛實(shí)對(duì)比等等。所以熟練掌握對(duì)比非常重要,你也可以在對(duì)比的基礎(chǔ)上,嘗試出很多有趣、好看的排版技巧和設(shè)計(jì)形式。



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

蘭亭妙微(www.363858.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

7種版面構(gòu)圖 讓海報(bào)立馬不一樣!

天宇

在設(shè)計(jì)的創(chuàng)作重,很多設(shè)計(jì)師都喜歡追求軟件技法帶來(lái)的炫酷感,而忽略了構(gòu)圖理論知識(shí)帶來(lái)的重要性,這篇文章就是為了解決這個(gè)問(wèn)題

海報(bào)設(shè)計(jì)對(duì)于初學(xué)者而言,是一個(gè)簡(jiǎn)單入門,又容易出作品集的類目。在剛開(kāi)始練習(xí)時(shí)不要天馬星空的去想象,最好的練習(xí)就是根據(jù)一定的構(gòu)圖規(guī)范,嘗試尋找規(guī)律,建立可行的秩序,讓版面具有一定的閱讀性。

-

只有在版面具有基礎(chǔ)的閱讀性,才可以根據(jù)想法思路進(jìn)行創(chuàng)意性的表現(xiàn),而建立持續(xù)最簡(jiǎn)單的方式之一就是運(yùn)用構(gòu)圖。當(dāng)下主流的常用構(gòu)圖,我大概總結(jié)整理有七種形式,下面我們一起來(lái)了解一下,附帶案例演示。

 

 

 

第一種:四周壓角構(gòu)圖→

四周壓角構(gòu)圖指的是將標(biāo)題或者重要信息放置在版面的四個(gè)邊角處,可以是圖形或者文字,其余信息元素等則放置在畫面中間區(qū)域,使其整個(gè)版面嚴(yán)謹(jǐn)有序,平衡且具有視覺(jué)的張力。壓住四角一般會(huì)結(jié)合居中式構(gòu)圖來(lái)呈現(xiàn)版面,可以產(chǎn)生視覺(jué)聚焦。

 

 

 

 

 

 

將信息壓在四個(gè)角之內(nèi)

 

 

 

將信息超出頁(yè)面四角一部分

 

 

 

將信息沿四周環(huán)繞排版

 

 

 

第二種:對(duì)稱式構(gòu)圖→

對(duì)稱式構(gòu)圖指的是將版面分成上下或者左右兩個(gè)部分,上下或左右兩部分比重相同,排版相似,對(duì)稱式構(gòu)圖可以使版面更加有秩序感,適合處理信息較多,層級(jí)較為復(fù)雜的內(nèi)容。對(duì)稱式構(gòu)圖可以很快速的塑造出版面的平衡,視覺(jué)上的平衡幾乎就等于完成了版面的50%設(shè)計(jì)目的。是初學(xué)者中最為常見(jiàn)的形式之一,對(duì)稱之間互相呼應(yīng),信息處理可以從中快速打破呆板狀態(tài),讓版面具有靈活性。

 

 

 

 

上下對(duì)稱式構(gòu)圖

 

 

左右對(duì)稱式構(gòu)圖

 

 

 

第三種:居中式構(gòu)圖→

居中式構(gòu)圖也叫中心式構(gòu)圖,是指把主體信息放在版心中間,這樣容易產(chǎn)生視覺(jué)聚焦,其他信息圍繞版面中心來(lái)進(jìn)行排版設(shè)計(jì),放在版面中心的可以是文字、圖片、圖形或者文字等。使用居中式構(gòu)圖,需要多注意畫面整體的平衡和元素之間的留白關(guān)系,讓元素組合之間留有足夠的對(duì)比與閱讀性。

 

 

 

 

 

第四種:S型式構(gòu)圖→

S型式構(gòu)圖,將主要元素按照S型排版,版面更加的自由生動(dòng),非常具有表現(xiàn)力,是一種很常見(jiàn)的靈活構(gòu)圖手法,主要元素可以是圖像、圖形、標(biāo)題文字、slogan等。S型式構(gòu)圖是講曲線與版面進(jìn)行結(jié)合,可以快速的創(chuàng)造出靈活的版面視覺(jué)以及節(jié)奏感,可以很好的提高版面的形式感,同時(shí)也可以有效的引導(dǎo)觀眾讀者的視線。

 

 

 

 

 

第五種:三分式構(gòu)圖→

三分式構(gòu)圖是指將版面分割成相等或不等的三塊區(qū)域,每個(gè)區(qū)域放置相應(yīng)的信息,三分式構(gòu)圖分垂直三分法和水平三分法,三分之后版面更有秩序感,適合處理文案較多,層級(jí)較為復(fù)雜的內(nèi)容。難度較高,同時(shí)容易讓版面連貫性斷層,所以在運(yùn)用當(dāng)中需要額外留意元素與空間之間的融合表現(xiàn)。

 

 

 

 

水平三分式構(gòu)圖

 

 

垂直三分式構(gòu)圖

 

 

 

第六種:傾斜式構(gòu)圖→

傾斜式構(gòu)圖,是指將版面整體或者主要元素作傾斜處理,也可做透視處理或?qū)翘幚?這種構(gòu)圖使版面更靈活,更加的具有形式感,作傾斜處理的元素可以是主題、圖片等元素。傾斜與對(duì)角可以提高文字或圖片的表現(xiàn)力,能很快速的塑造整體的空間感。

 

 

 

 

 

第七種:散點(diǎn)式構(gòu)圖→

散點(diǎn)式構(gòu)圖,是指將元素按照規(guī)律或者不按照規(guī)律自由的放置在版面的區(qū)域,散點(diǎn)放置的內(nèi)容通常有文字,圖片等,通常散點(diǎn)式構(gòu)圖都會(huì)結(jié)合S型式構(gòu)圖搭配使用,這種構(gòu)圖形式感強(qiáng),更具有畫面表現(xiàn)力.在運(yùn)用的時(shí)候,需要特別注意文字或標(biāo)題的閱讀性,過(guò)于搶鏡會(huì)讓版面丟失主題。

 

 

 

 

 

 

光說(shuō)不練假把戲,實(shí)操案例來(lái)一個(gè),這一個(gè)案例是圍繞四周壓角構(gòu)圖來(lái)分享海報(bào)的制作操作技巧。

涉及到的知識(shí)點(diǎn)有:

①四周壓角構(gòu)圖的技巧;

②文字編排;

③利用文字的局部輪廓化使版面更具有形式感。

我們先來(lái)看看最終的海報(bào)效果先。

 

 

 

第一步:→

所選的文案是一個(gè)攝影展,所以我們找了一張具有故事性的圖片作為底圖,新建文檔,背景填充為黑色,置入圖片,確定圖片在版面中的位置,因?yàn)槲覀儨?zhǔn)備做四周壓角構(gòu)圖型的海報(bào),所以我們與居中式構(gòu)圖相結(jié)合,這樣能使版面的視覺(jué)聚焦。

 

 

第二步:→

根據(jù)圖片的構(gòu)圖,我們來(lái)確定整體版面的構(gòu)圖形式,由于圖片是居中偏右的,所以我們用居中式構(gòu)圖加上四周壓角構(gòu)圖來(lái)進(jìn)行整體版面的風(fēng)格呈現(xiàn)。

 

 

第三步:→

將主題文案“無(wú)限的山峰”以四周壓角構(gòu)圖的方式放置在版面的四個(gè)角上,我們使用的是壓在版面以內(nèi)的壓角構(gòu)圖,并結(jié)合居中構(gòu)圖的方式,這樣能使版面更加的規(guī)整有序,而且具有視覺(jué)張力,注意圖片和文字的聯(lián)系。

 

 

第四步:→

現(xiàn)在我們來(lái)進(jìn)一步進(jìn)行處理,由于主題文案相離較遠(yuǎn),接下來(lái)就是增強(qiáng)主題文字之間的聯(lián)系,我們嘗試用線來(lái)處理,線的作用就是連接與分割,我們用線將主題文字連接起來(lái),并加上一些漢語(yǔ)拼音元素,使線條不會(huì)那么單調(diào),并且更具有形式感。

 

 

第五步:→

先不急著下一步,我們先來(lái)觀察下版面,現(xiàn)在的版面被我們分割成了四份,我們把剩下的信息分別在指定的區(qū)域內(nèi)進(jìn)行排版。

 

 

第六步:→

我們將剩下的文案分別進(jìn)行排版,重要的信息我們需要放大處理,不重要的信息可以偏小一些,重要的信息比如:參展藝術(shù)家、日期、地址等,這里要注意層級(jí)之間的劃分,要使版面顯得井然有序。

 

 

第七步:→

其實(shí)版面到這里已經(jīng)處理的差不多了,但是主標(biāo)題看起來(lái)稍顯平凡,跟內(nèi)文的文字一樣,沒(méi)有什么特征特色,所以我們可以做更多的變化,拆分主題文字的一些筆畫,并使其輪廓化,我們還可以傾斜或放大一些筆畫,或者局部模糊,打散等等眾多效果都可以嘗試。

 

 

第八步:→

其最后把整體的細(xì)節(jié)稍微調(diào)整下,這樣,一張具有形式感的海報(bào)就形成了,這張海報(bào)用到了四周壓角構(gòu)圖,居中式構(gòu)圖,所以可得出結(jié)論,七種構(gòu)圖方式之間是可以交叉使用的,只要能使版面更加的好看,更具有形式感就行。

 

 

→ 完成??!



作者:歐陽(yáng)威John
鏈接:https://www.zcool.com.cn/article/ZMTQxMjgyMA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(www.363858.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

如何把控設(shè)計(jì)的畫面整體?這個(gè)六個(gè)視覺(jué)語(yǔ)言一定要了解

天宇

不管是一部電影,還是一張視覺(jué)創(chuàng)意,想要消費(fèi)者或者老板買單,從形、意、色、字、構(gòu)、質(zhì)等一系列視覺(jué)語(yǔ)言,都需要很好的掌握。

 

 

 

 



作者:Peng蓬的芝士追光
鏈接:https://www.zcool.com.cn/article/ZMTQ4ODYwMA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(www.363858.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

學(xué)會(huì)版式的N個(gè)Tips| 這些排版細(xì)節(jié),精致顯高級(jí)

藍(lán)藍(lán)設(shè)計(jì)的小編

這期內(nèi)容依然是關(guān)于設(shè)計(jì)中的細(xì)節(jié)處理?;谖移綍r(shí)的工作經(jīng)驗(yàn),下面給大家整理了10個(gè)排版小貼士,希望能為你帶來(lái)幫助。

 

 

 

 

 

 

 



作者:周妙妍
鏈接:https://www.zcool.com.cn/article/ZMTU0MzkwMA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(www.363858.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

如何提升排版設(shè)計(jì)感?你需要知道的文字編排技巧

天宇

關(guān)于文字編排的幾條小建議。

排版,或者說(shuō)對(duì)文字的編排,不應(yīng)該只是平面設(shè)計(jì)師才需要具備的設(shè)計(jì)能力。在互聯(lián)網(wǎng)設(shè)計(jì)大行其道的背景下,我認(rèn)為不同方向的設(shè)計(jì)師都應(yīng)該或多或少的具備一定水平的排版功底。能把排版做好,除了有助提升綜合設(shè)計(jì)能力之外,對(duì)自己作品的展示,也能夠起到錦上添花的作用。以下介紹幾個(gè)文字編排的小技巧,有助快速提升版式設(shè)計(jì)感。

 

一、重復(fù)

重復(fù)在版式設(shè)計(jì)中是指統(tǒng)一與增強(qiáng),即重復(fù)使用顏色、字體、圖形等講究條理性與統(tǒng)一性;重復(fù)出現(xiàn)的顏色、字體與圖形能夠有突出與強(qiáng)調(diào)的作用。

在這里我們只針對(duì)在文字編排中,如何使用重復(fù)來(lái)編排文字,從而提升版式的設(shè)計(jì)感。

通過(guò)上圖的案例,我們將文字進(jìn)行重復(fù)的編排之后,除了讓畫面更加飽滿規(guī)整之外,既能展示完整的星球圖案,文案也一定程度得到了加強(qiáng),也使得主題更加明確,氛圍感更強(qiáng)。

 

 

二、描邊

在文字的編排中,描邊的使用,多用在背景點(diǎn)綴與副標(biāo)題上。在上文對(duì)文字重復(fù)的編排中,也使用了文字描邊的處理,這也說(shuō)明了設(shè)計(jì)師在設(shè)計(jì)的過(guò)程中需要根據(jù)具體情況,找到適宜需求的設(shè)計(jì)方式。

 

用描邊處理對(duì)文字進(jìn)行編排,我們可以看到,描邊大多用在了輔助文字上,且被用來(lái)充當(dāng)畫面點(diǎn)綴物。原因在于文字失去填充之后,可讀性會(huì)大幅度降低,就會(huì)失去文字用于承載信息的作用,所以我們?cè)谟妹柽厡?duì)文字進(jìn)行編排的時(shí)候,要盡量避免將其用在主標(biāo)題或者重要的文字信息上。

使用文字描邊去編排的好處是,當(dāng)我們?cè)谠O(shè)計(jì)的時(shí)候發(fā)現(xiàn)畫面太空曠,且沒(méi)有其他元素可以編排時(shí),用這個(gè)方式豐富畫面,除了提升設(shè)計(jì)形式感之外,也可以讓我們一切的設(shè)計(jì)元素都有合理的來(lái)源,而不是隨機(jī)的添加突兀元素。

 

 

三、字距

字距,即文本中兩個(gè)字之間的距離。在長(zhǎng)文本的文字排版時(shí),我們很少會(huì)主動(dòng)去控制文字間距。因?yàn)樵谝豢钭煮w被設(shè)計(jì)出來(lái)時(shí),它的默認(rèn)字距是經(jīng)過(guò)設(shè)計(jì)與驗(yàn)證過(guò)的,是最適合閱讀的字距。

但我們?cè)诎媸皆O(shè)計(jì)中,為追求設(shè)計(jì)形式感,在文案較少的情況下,會(huì)對(duì)短文本或單一大標(biāo)題的字距進(jìn)行調(diào)整。原因在于短文本或大標(biāo)題一般字?jǐn)?shù)較少,閱讀負(fù)擔(dān)也相對(duì)較輕,所以可以接受對(duì)其字距進(jìn)行適當(dāng)?shù)娜藶榭刂啤?/p>

通過(guò)以上兩個(gè)字距編排案例的對(duì)比,可以發(fā)現(xiàn)錯(cuò)誤編排忽略了文字閱讀性,在控制字間距的時(shí)候需要在形式感與實(shí)用性進(jìn)行平衡。

 

 

四、繁體

中文繁體,從字型上相較簡(jiǎn)體而言,筆劃會(huì)相對(duì)飽滿與均衡,文字排版使用上也會(huì)使版面更加規(guī)整。但從使用習(xí)慣來(lái)說(shuō),在做面向內(nèi)地市場(chǎng)的設(shè)計(jì)時(shí),繁體的使用需要反復(fù)斟酌,避免使用過(guò)于生僻的繁體,且盡量多用在短文本或標(biāo)題。

從上圖案例可以看出,簡(jiǎn)體中文的“二零·二一”雖然在閱讀習(xí)慣上會(huì)相對(duì)順暢,但單從文字編排來(lái)說(shuō),筆劃相差巨大,會(huì)造成視覺(jué)傾斜,看起來(lái)有些失衡。改成繁體中文“貳零·貳壹”,字型筆劃更加均衡飽滿,且文字也沒(méi)那么生僻,可閱讀性依然可以得到滿足。

 

 

五、斷句

對(duì)文案進(jìn)行斷句,在重點(diǎn)部位進(jìn)行定位打斷,然后在文字編排時(shí)體現(xiàn)出來(lái)。以此來(lái)制造視覺(jué)停留,故意發(fā)生不連續(xù)性的閱讀,讓閱讀落在重點(diǎn)部分。

斷句編排,可以看得出在版面受限制的情況下,是一個(gè)非常好用的編排方式,可以將主標(biāo)題與副標(biāo)題拉開(kāi)差距,而且還能制造視覺(jué)重點(diǎn)。

 

 

六、填充

將適合主題的圖案(圖片)填充進(jìn)文字,在設(shè)計(jì)風(fēng)格與調(diào)性適合的條件下,盡可能選擇稍粗字體,以便展示圖案全貌,如果能看清圖案全貌的話,也能起到強(qiáng)化設(shè)計(jì)風(fēng)格的效果。

找一張精致且符合設(shè)計(jì)調(diào)性的圖片,將它填充進(jìn)文字,就能起到上面案例的效果。突出了標(biāo)題,即不影響閱讀性,也強(qiáng)化了畫面整體效果。

 

 

七、裁剪

對(duì)字體進(jìn)行裁剪和切割,是編排文字的常用手法,讓字體形成缺口或錯(cuò)位,以此來(lái)創(chuàng)造形式感。但在裁切之后,缺失的筆畫會(huì)一定程度影響文字的閱讀性。所以在裁切時(shí)要注意保留文字的筆畫特征,盡可能的降低裁剪對(duì)文字可讀性的影響。

字體裁剪和切割的編排方式,大多用在相對(duì)比較大的字號(hào)上,原因在于字型被改變之后可讀性會(huì)減低,而相對(duì)較大的字號(hào),可以彌補(bǔ)字型筆劃缺失帶來(lái)的可讀性降低。

 

 

八、空間

在平面的文字編排中,制造空間感的方式,主要依靠層級(jí)的疊加。營(yíng)造出前后錯(cuò)落的視覺(jué)感受,以此來(lái)突出我們要傳達(dá)的主體信息。

層次的區(qū)分,除了前后關(guān)系之外,還要對(duì)大小與顏色進(jìn)行區(qū)分。盡量明顯的對(duì)比,以便拉開(kāi)文字之間的層級(jí)關(guān)系。

 

 

九、實(shí)踐應(yīng)用

接下來(lái),可以試著運(yùn)用上面的編排方式,來(lái)做一張最近很流行的酸性設(shè)計(jì)風(fēng)格的海報(bào)。具體如何編排文字,當(dāng)然是先把文字隨便排進(jìn)版式中,然后再對(duì)版式的文字進(jìn)行編排。

下圖是作者按照上面文字編排技巧,花了十幾分鐘做出來(lái)的海報(bào),你也可以動(dòng)手試試~

文字編排也是一門創(chuàng)作藝術(shù),遠(yuǎn)不止上文所提到的這幾種方式。本文只是列舉了幾種常用的方法,希望能對(duì)大家有所幫助



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

蘭亭妙微(www.363858.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

做設(shè)計(jì)這么久,還是這個(gè)技巧實(shí)用

天宇

重復(fù)原則是經(jīng)常提到的一個(gè)概念,在設(shè)計(jì)中用到的也是非常廣泛

設(shè)計(jì)中無(wú)論是版式還是字體等設(shè)計(jì)中,重復(fù)原則基本上用到的是最多的,這得益于重復(fù)本身的屬性,會(huì)使元素具備統(tǒng)一性,這樣視覺(jué)會(huì)更有節(jié)奏感,不至于整個(gè)畫面不融合,其中利用圓方三角或圖形做設(shè)計(jì)實(shí)最普遍的,相信大家都見(jiàn)過(guò)。

 

開(kāi)篇前言

希望大家在牛年里都能實(shí)現(xiàn)自己的小目標(biāo)

取得想要的成績(jī),牛氣沖天

 

先簡(jiǎn)單看看重復(fù)圖形在海報(bào)中的應(yīng)用

這幅Nike的海報(bào)是將文字作為圖形進(jìn)行設(shè)計(jì)

置入到幾何形中,形成統(tǒng)一,細(xì)節(jié)上進(jìn)行特異性來(lái)表現(xiàn)

 

這幅海報(bào)更多的是不規(guī)則的幾何形進(jìn)行組合,主要信息用白色矩形承載

形成特異性,能明確表達(dá)傳達(dá)的信息

 

這里則是用簡(jiǎn)單的橫線重復(fù)形成圖形作為主視覺(jué)

還有很多主視覺(jué)都是用單元形拼湊成的,多學(xué)學(xué)Ai技巧用到設(shè)計(jì)中很重要

 

而字體設(shè)計(jì)中我們是不是見(jiàn)過(guò)這種

用幾何形來(lái)進(jìn)行設(shè)計(jì)

這些都是重復(fù)圖形在設(shè)計(jì)中的應(yīng)用

這種方法能夠幫我們發(fā)散思維

更好的掌握構(gòu)成知識(shí)

 

Round 1

↓↓↓

 

下面我們用幾何形設(shè)計(jì)一幅海報(bào)

主題為重陽(yáng)節(jié)

字體先用三角形和矩形進(jìn)行設(shè)計(jì)

 

首先將筆畫用圖形代替

接下來(lái)填充漸變色,使文字更有層次感

 

確定好主視覺(jué)位置,對(duì)畫面進(jìn)行空間劃分

這些空間用什么填充呢,是不是就可以繼續(xù)考慮用幾何形

那么接著用幾何圖形將空間填補(bǔ)

這里只是一種組合方式,別的方式期待大家解鎖

要注意元素之間的節(jié)奏性

接著我們對(duì)信息進(jìn)行處理,做好信息之間的對(duì)比

 

然后將一部分幾何形去除

把我們需要的信息放到相應(yīng)的位置即可

加上噪點(diǎn)效果增加質(zhì)感

 

最后我們加一個(gè)帶場(chǎng)景的樣機(jī)效果 

 

Round 2

↓↓↓

 

如果用到商業(yè)海報(bào)中能不能用這個(gè)思路呢

我們一起來(lái)看看

嚯哈~

 

我們先看看文案信息,簡(jiǎn)單將文字劃個(gè)層級(jí)

 

 

顯然是個(gè)家裝的海報(bào),全屋定制

盡量要高級(jí)一點(diǎn)

 

再來(lái)看看客戶提供的圖片

 

 

 

三張圖片,說(shuō)多不多,說(shuō)少不少

我們就分成多個(gè)矩形塊來(lái)嵌入圖片

 

上面主要是圖片,下面是信息

 

 

接著我們對(duì)信息進(jìn)行處理

文字選用宋體,凸顯品質(zhì)感

 

信息之間都做個(gè)小對(duì)比

 

 

中文配英文,標(biāo)題配符號(hào),這個(gè)是要點(diǎn),記住了啊

 

 

接著我們將主標(biāo)題和主圖放到相應(yīng)的位置

接著將剩余信息放進(jìn)相應(yīng)的空間

由于整體色調(diào)偏低飽和度,這里背景我們選用藍(lán)灰色

 

 

最后看這個(gè)畫面,是不是左下角還有點(diǎn)空

而且氛圍感不夠

這時(shí)候我們加上一些裝飾

再安排一個(gè)小沙發(fā),畫面就完成了

 

 

 

今天的分享就到這里了,希望對(duì)小伙伴有一點(diǎn)點(diǎn)幫助

新的一年,立個(gè)小目標(biāo)

爭(zhēng)取把學(xué)到的東西轉(zhuǎn)化成自己的,才是真正的進(jìn)步



作者:趣設(shè)記
鏈接:https://www.zcool.com.cn/article/ZMTIyNDMwMA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(www.363858.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)、UI咨詢高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

平面設(shè)計(jì):創(chuàng)意與視覺(jué)的交響

藍(lán)藍(lán)設(shè)計(jì)的小編

一、平面設(shè)計(jì)的定義與意義 平面設(shè)計(jì),簡(jiǎn)而言之,是通過(guò)文字、圖形、色彩等視覺(jué)元素,在二維空間內(nèi)進(jìn)行創(chuàng)意性的組合與排列,旨在達(dá)到特定的信息傳遞和審美目的。它超越了簡(jiǎn)單的排版和美化,是一種藝術(shù)創(chuàng)造,體現(xiàn)了設(shè)計(jì)師對(duì)世界的獨(dú)特理解和表達(dá)。 二、創(chuàng)意:平面設(shè)計(jì)的靈魂 在平面設(shè)計(jì)中,創(chuàng)意是不可或缺的靈魂。一個(gè)好的設(shè)計(jì)作品往往憑借其獨(dú)特的創(chuàng)意,讓人眼前一亮,留下深刻印象。設(shè)...

設(shè)計(jì)優(yōu)化實(shí)例:如何讓畫面飽滿?

資深UI設(shè)計(jì)者

大家有沒(méi)有在排版的時(shí)候,明明畫面排的很滿,可是看起來(lái)畫面還是不夠飽滿。

日歷

鏈接

個(gè)人資料

存檔