欧美成人免费观看_免费成人深夜天涯网站_日韩中文在线视频_天堂av一区二区_欧美xxxx性xxxxx高清_亚洲欧美一二三

首頁

這幾個知識點(diǎn)終于解決了我配色的一大難題!

清陽

 

1.亮色與重色的比例

 

我們在設(shè)定界面風(fēng)格的時(shí)候,少不了顏色的配比,但顏色一定是講究平衡的,其中一個最重要的平衡就是明暗的平衡,如果你的界面全屏都是很亮的顏色,那就會導(dǎo)致非常的刺眼,比如像瑞文同學(xué)的這個顏色設(shè)定:

 

 

就是過于明亮了,其實(shí)當(dāng)我們的顏色過于明亮?xí)r,最常用的一種方式就是,直接用黑色去壓住亮色,像下面這組圖標(biāo)的做法一樣,減少亮部顏色,直接增加黑色:

 

 

這樣就不會那么刺眼了,當(dāng)我們明白了底層原理之后,再去優(yōu)化配色,我們看前后的變化:

 

 

這樣就會比之前舒服很多,當(dāng)然,也可以試試頭圖變成黑色,按鈕變成綠色,把重色面積繼續(xù)加大,但不管哪一種,都會比之前全是亮色要好很多!

 

 

 

2.這個改動可愛了太多

 

小A同學(xué)是一個非常有潛力的同學(xué),但是最開始交上來的吉祥物作業(yè),也不是很理想,效果如下:

 

 

話不多說,我們就改動一個點(diǎn),五官緊湊,看看前后效果對比:

 

 

可愛的程度完全不在一個檔次,我們再看看小A同學(xué)后面的延展效果:

 

 

比之前強(qiáng)了很多很多倍,就是因?yàn)橐粋€五官緊湊。

 

 

 

3.對顏色的敏銳度

 

我們在做練習(xí)的時(shí)候,很重要的一個鍛煉點(diǎn)就是視覺敏銳度,能夠敏銳的發(fā)現(xiàn)哪里不舒服,這個真的很重要。

 

而視覺敏銳度里面就有一個維度是顏色,比如我們在看下面一兜糖同學(xué)做的質(zhì)感圖標(biāo)作業(yè):

 

 

我們應(yīng)該快速的看出,第一個圖標(biāo)顏色不是很和諧,沒有后面兩個那么舒服,主要是那個藍(lán)色有點(diǎn)臟,我們看優(yōu)化后的三個圖標(biāo):

 

 

就比之前要統(tǒng)一舒服很多。

 

當(dāng)我們的練習(xí)達(dá)到一定量時(shí),敏銳度自然就會提高很多,所以一定要多去練習(xí),把敏銳度這一塊提高上來。

 

 

 

4.綠色好難配啊!

 

這是潘子同學(xué)的疑惑點(diǎn):

 

 

他感覺綠色好難啊,第一次交上來的作業(yè)如下:

 

 

先不說造型問題,就光說顏色,就有點(diǎn)單薄,也有點(diǎn)太亮了,還有就是顏色比較正。

 

其實(shí)我們在配綠色的時(shí)候,只要把綠色加一點(diǎn)藍(lán)色,或者加一點(diǎn)黃色就會讓顏色好看很多。

 

 

后來潘子同學(xué)把顏色進(jìn)行了優(yōu)化:

 

 

這樣就比之前還要多了。

 

還有包括檸檬同學(xué)用的綠色:

 

 

也是比較好看的。

 

這回再用綠色的時(shí)候,大家清楚怎么好看了吧!

 

 

 

總結(jié)

 

以上就是今天和大家分享的一些知識點(diǎn)啦,大部分是關(guān)于顏色的,顏色敏銳度、綠色怎么配,明暗的對比等等,顏色是一個非常重要的視覺維度,希望大家都能重視,并且多多練習(xí)。提高自己的色感!

 


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

圖片海報(bào)不會做?6種方法提高形式感!

清陽

在任何時(shí)候,海報(bào)的圖片處理都是設(shè)計(jì)師不可避免的一個步驟,運(yùn)用對色調(diào)的處理,構(gòu)圖的改變,甚至于風(fēng)格化處理來調(diào)整圖片,使之能夠更加的適合版面,我們今天分享的就是通過對圖片的處理來塑造不同風(fēng)格海報(bào)的設(shè)計(jì)。

 

01-

酸性液體金屬效果處理

酸性風(fēng)格它的體現(xiàn)形式通常是鐳射紋理,金屬玻璃材質(zhì),3D物體材質(zhì)等,其中很多人都好奇金屬玻璃材質(zhì)的做法,也就是如何將普通的圖片轉(zhuǎn)換成酸性圖片,接下來我們將講解酸性圖片效果的處理方法,二話不說,先上效果圖:


步驟一/step 01

導(dǎo)入已經(jīng)摳好的素材,快捷鍵ctrl+shift+u作去色處理

 

 

步驟二/step 02

ctrl+j復(fù)制一層,ctrl+i反向一下,并設(shè)置模式為【差值】,ctrl+e合并這兩個圖層,這一步驟要重復(fù)2-3次左右,會形成這樣的效果,做好后的效果有點(diǎn)丑,但是沒關(guān)系,我們接著往下做。

 

 

步驟三/step 03

將圖形轉(zhuǎn)化為智能對象,執(zhí)行命令:濾鏡-模糊-表面迷糊(數(shù)值自定,具體數(shù)值可以自行修改,主要將黑白部分過度更加柔和一些)

 

 

步驟四/step 04

執(zhí)行命令:濾鏡-風(fēng)格化-油畫(數(shù)值自定,這一步驟可以將黑白之間的過渡更加柔和,形成液體金屬的最終效果)

 

 

步驟五/step 05

執(zhí)行命令:濾鏡-濾鏡庫-塑料包裝(數(shù)值自定,這一步驟還是處理黑白之間的過渡,使之更加柔和),最后可以調(diào)整一下亮度和對比度,使之與金屬更加相似。

 

 

步驟六/step 06

最后排版上文字,海報(bào)就完成啦。

 

 

 

 

 

02-

復(fù)古潮流風(fēng)藝術(shù)海報(bào)

半調(diào)網(wǎng)屏模式作為印刷中的重要方法,有著其特殊的處理藝術(shù)效果。在ps中,通過色彩模式可以將圖片的效果處理成半調(diào)網(wǎng)屏的像素狀效果。它有著復(fù)古潮流的藝術(shù)效果,下面我將講解如何在ps中給圖片添加半調(diào)網(wǎng)屏藝術(shù)效果,同上,先上效果圖:


步驟一/step 01

在PS中導(dǎo)入圖片,在這種潮流海報(bào)中,我們追求特殊風(fēng)格海報(bào)設(shè)計(jì),可以在摳圖時(shí)故意粗糙的摳圖出來,并執(zhí)行命令:圖像-調(diào)整-黑白

 

 

步驟二/step 02

執(zhí)行命令:圖像-模式-灰度,再次執(zhí)行命令:圖像-模式-位圖,調(diào)整參數(shù)像素設(shè)為300,方法使用半調(diào)網(wǎng)屏,點(diǎn)擊確定;

 

 

步驟三/step 03

在上一步點(diǎn)擊確定后出現(xiàn)以下界面,頻率越小,效果越強(qiáng)烈,越大效果越輕,角度設(shè)置像素格的旋轉(zhuǎn)角度,形狀可以自行嘗試選擇,我這里選擇的是菱形;

 

 

步驟四/step 04

我們需要把位圖模式轉(zhuǎn)換成RGB,需要執(zhí)行兩次命令,第一次執(zhí)行:圖像-模式-灰度,第二次執(zhí)行:圖像-模式-RGB

接著是將弄好的圖片去掉白色底背景,在通道面板,按住ctrl鍵,鼠標(biāo)左鍵點(diǎn)擊其中一個通道,得到白色選區(qū),快捷鍵:ctrl+shife+i反選選區(qū),快捷鍵:ctrl+j復(fù)制圖層,隱藏下面的圖層,得到了一個半調(diào)網(wǎng)屏的圖片。

 

 

步驟五/step 05

最后排版上文字,就可以得到一張復(fù)古潮流藝術(shù)風(fēng)海報(bào)。

 

 

 

 

03-

炸裂風(fēng)格圖片處理

接下來休息下,我們來做一個非常簡單,但又非常好看且具有形式感的圖片處理方法,炸裂風(fēng)格圖片海報(bào),調(diào)整比較細(xì)的方塊可以有刺繡效果,非常具有視覺沖擊力,同時(shí)也能使版面產(chǎn)生非常強(qiáng)烈的層次感與形式感。先看最終效果:


步驟一/step 01

只需將圖片導(dǎo)入PS,執(zhí)行濾鏡-風(fēng)格化-凸出,這里可以自行調(diào)整參數(shù)

 

 

 

步驟二/step 02

在版面上排版圖片和文案,這樣一張炸裂風(fēng)格的海報(bào)就做好了。

 

 

 

 

 

04-

長虹玻璃風(fēng)格海報(bào)

長虹玻璃效果顧名思義,就是像玻璃樣式的效果,他能給人一種朦朧的美感,與“模糊”有點(diǎn)類似,它比較適合潮流時(shí)尚的一些產(chǎn)品海報(bào)設(shè)計(jì)時(shí)使用,尤其在電商海報(bào)中特別常見,接下來我們來詳細(xì)講解這種效果的做法吧,先上效果圖:


步驟一/step 01

在ps中新建一個畫布,填充一個50%的中性灰,用矩形工具繪制一個細(xì)長的矩形,填充顏色為黑白的線形漸變;

 

 

步驟二/step 02

復(fù)制漸變的矩形框,填滿整個畫布,全選復(fù)制出來的矩形框,郵件轉(zhuǎn)換為智能對象,快捷鍵ctrl+shift+s存儲為psd文件,注這是后期用來置換的文件

 

 

步驟三/step 03

在畫布中倒入我們準(zhǔn)備好的圖片文件,復(fù)制一層,執(zhí)行命令:濾鏡-模糊-高斯模糊;

 

 

步驟四/step 04

執(zhí)行命令:濾鏡-扭曲-置換,在跳出的頁面設(shè)置水平和s垂直比例都為50,置換圖:拼貼,未定義區(qū)域:折回,點(diǎn)擊確定后選擇剛存儲的用來置換的文件;

 

 

步驟五/step 05

將剛才線形漸變的矩形置于最上層,混合模式改為柔光,并且調(diào)節(jié)下透明度,這樣長虹玻璃效果就完成啦。

 

 

步驟六/step 06

選取工具選擇需要的部分執(zhí)行蒙版,就可以得到一半有玻璃,一半沒有玻璃的效果,然后排版上文字,海報(bào)完成!

 

 

 

 

05-

3D炫彩海報(bào)

3d炫彩海報(bào)適用于科技,創(chuàng)意等風(fēng)格呈現(xiàn)時(shí)使用,它的本質(zhì)是將一張圖進(jìn)行一種3d化處理,制作起來也是相當(dāng)?shù)暮唵危姨貏e能提升版面的形式感與立體感,制作非常簡單,我們一起來做下唄,老規(guī)矩,先上圖:


步驟一/step 01

 

首先我們需要找一張顏色特別豐富的圖片,最好是像這種發(fā)光的海報(bào),執(zhí)行命令:濾鏡-扭曲-旋轉(zhuǎn)扭曲,設(shè)置相應(yīng)的數(shù)值

 

 

步驟二/step 02

執(zhí)行命令:3d-從圖層新建網(wǎng)格-深度映射到-平面,把3d面板里面的預(yù)設(shè)改為【未照亮的紋理】

 

 

步驟三/step 03

在3d里面調(diào)整合適的角度后,在圖層面板選擇圖層,點(diǎn)擊鼠標(biāo)右鍵-柵格化3d,快捷鍵ctrl+t將圖層調(diào)整適合大小;

 

 

步驟四/step 04

最后排版上文字,海報(bào)就完成啦!

 

 

 

 

06-

塑料薄膜風(fēng)格海報(bào)

最后一種是塑料薄膜風(fēng)格海報(bào),這種效果相對來說比較復(fù)雜,所以放在最后一個說,雖然不涉及圖片處理,但是對于海報(bào)設(shè)計(jì)來說可以說是錦上添花的一種存在,他能讓海報(bào)具有一種光澤的質(zhì)感,使其更顯層次感和形式感,這種海報(bào)在店招海報(bào)或者產(chǎn)品海報(bào)中比較實(shí)用,廢話不多說,來一起來做下吧,還是老規(guī)矩,上效果圖


步驟一/step 01

我們需要新建一個空白圖層,填充黑色,執(zhí)行命令:濾鏡-渲染-云彩

 

 

步驟二/step 02

執(zhí)行命令:濾鏡-液化,這里你可以隨意一點(diǎn)畫,這是將塑料膜的紋路畫出來,這是我畫的樣子;

 

 

步驟三/step 03

執(zhí)行命令:濾鏡-濾鏡庫-藝術(shù)效果-繪畫涂抹,畫筆類型選擇火花,這一步是將黑白顏色區(qū)分開來;

 

 

步驟四/step 04

再次執(zhí)行命令:濾鏡-濾鏡庫-素描-鉻黃漸變,這一步同樣是為了是將黑白顏色區(qū)分開來,只不過這次的效果更加明顯;

 

 

步驟五/step 05

點(diǎn)開通道面板,按住ctrl鍵,隨意單機(jī)一個通道,得到選取,回到圖層面板,快捷鍵ctrl+j復(fù)制一層,圖層模式改為濾色,調(diào)整適合的透明度,最后在下面加上圖片,排版上文字,海報(bào)就完成啦!

 

 



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

這排版確實(shí)專業(yè),這次不獻(xiàn)丑了!

清陽

今天來繼續(xù)聊聊慢熱視覺課里的排版部分,分享一些小干貨給大家:
 
 
 
1.主體和畫面對比:
這排版確實(shí)專業(yè),這次不獻(xiàn)丑了!
 
 
 
同學(xué)排版做的不錯,但是主體和背景的對比不足,導(dǎo)致怎么畫面有些悶悶的。 所以我們可以提亮背景,加強(qiáng)背景和麥克風(fēng)的對比這樣畫面就不會那么悶了。
 
 
像下面這些都是畫面對比不足導(dǎo)致畫面悶悶的或者層次拉不開的問題畫面:
 
這排版確實(shí)專業(yè),這次不獻(xiàn)丑了!
 
 
 
 
我們可以在中間加一層亮色隔開,也可以增強(qiáng)畫面的對比:
 
 
這排版確實(shí)專業(yè),這次不獻(xiàn)丑了!
 
 
 
 
 
 
2,整體畫面的結(jié)構(gòu)比列:
 
比如下面的這張畫面,整體可以分ABC三個部分。
這排版確實(shí)專業(yè),這次不獻(xiàn)丑了!
 
 
 
 
 
問題就在于A/C的體量太一致了,覺得整個畫面很臃腫。怎么調(diào)整呢?其實(shí)我們可以適當(dāng)調(diào)整占比,拉開A/C的差距,比如縮小C的占比,這樣整個畫面就更有主次了:
 
 
 
這排版確實(shí)專業(yè),這次不獻(xiàn)丑了!
 
 
 
 
實(shí)際效果,頂部的標(biāo)題和底部的信息拉開了主次,整個畫面才有了更好的節(jié)奏感:
 
 
這排版確實(shí)專業(yè),這次不獻(xiàn)丑了!
 
 
 
 
 
 
3.排版的延續(xù)性
 
看看下面的兩個案列:
這排版確實(shí)專業(yè),這次不獻(xiàn)丑了!
 
 
 
左邊的排版感覺,就是排版和主體元素有很強(qiáng)的分割感,右邊的排版就比較連貫。
 
 
 
 
要去除這種感覺,我們需要像右邊這種,在中間區(qū)域增加一些和排版同色系的圖形或者文字來起到延續(xù)的作用,這樣整個畫面才能連貫起來,不會有分割感。
 
 
 
 
4.局部排版的比例節(jié)奏
 
拿下面這個排版舉例:
這排版確實(shí)專業(yè),這次不獻(xiàn)丑了!
 
 
 
 
他的文字和英文太相近了,看起來就像三根柱子,毫無變化:
 
 
這排版確實(shí)專業(yè),這次不獻(xiàn)丑了!
 
 
調(diào)整的有主次變化,我們可以縮小其中一根,再加一些錯位:
這排版確實(shí)專業(yè),這次不獻(xiàn)丑了!
 
 
 
表現(xiàn)到字體排版上就是:
 
這排版確實(shí)專業(yè),這次不獻(xiàn)丑了!
 
 
節(jié)奏感是不是就好多了呢?
 
 
 
 
5.排版的疏密節(jié)奏
我們來看下這一份作業(yè):
這排版確實(shí)專業(yè),這次不獻(xiàn)丑了!
 
 
整個畫面非常密集,特別是背景排版全是各種小字密密麻麻布滿的整個畫面,就導(dǎo)致了整個畫面非常密集。
 
 
其實(shí)這里我們需要整體畫面你的節(jié)奏感,一般來說我們背景的密集程度要和主體有所聯(lián)系,一般來說我們主體是我們畫面中最復(fù)雜的部分,其余部分如點(diǎn)綴元素、背景等的復(fù)雜度都要弱與主體,這樣才能很好的突出主體。
 
 
 
我們可以用一些大塊面的字體去大面積概括畫面,不要用很小很碎的字體去堆疊:
這排版確實(shí)專業(yè),這次不獻(xiàn)丑了!
 
 
氣質(zhì)是不是一下就上來了呢?
 


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

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

清陽

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


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

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

清陽

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

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

 

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

 

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

undefined

 

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

 

 

 

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

undefined

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

undefined

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

 

 

 

 

總結(jié)

 

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



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

蘭亭妙微(m.tuquanmo.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

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

清陽

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

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

-

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

 

 

 

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

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

 

 

 

 

 

 

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

 

 

 

將信息超出頁面四角一部分

 

 

 

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

 

 

 

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

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

 

 

 

 

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

 

 

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

 

 

 

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

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

 

 

 

 

 

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

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

 

 

 

 

 

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

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

 

 

 

 

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

 

 

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

 

 

 

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

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

 

 

 

 

 

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

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

 

 

 

 

 

 

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

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

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

②文字編排;

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

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

 

 

 

第一步:→

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

 

 

第二步:→

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

 

 

第三步:→

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

 

 

第四步:→

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

 

 

第五步:→

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

 

 

第六步:→

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

 

 

第七步:→

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

 

 

第八步:→

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

 

 

→ 完成??!



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

蘭亭妙微(m.tuquanmo.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

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

清陽

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

 

 

 

 



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

蘭亭妙微(m.tuquanmo.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

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

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

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

 

 

 

 

 

 

 



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

蘭亭妙微(m.tuquanmo.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

日歷

鏈接

個人資料

存檔

主站蜘蛛池模板: 第一页av | 在线国产一区二区 | 中文字幕7 | 成人手机在线免费视频 | 日韩精品在线观看视频 | 欧美xxx视频 | 久久国产精品无码网站 | 欧洲a级片| 亚洲欧洲日本国产 | 九九在线精品视频 | 深夜福利一区二区三区 | 亚洲精品久久久久avwww潮水 | 三级国产精品 | 污片在线免费观看 | 性视频在线 | 2018中文字幕在线观看 | 特级黄色网 | 五月天色综合 | 成年人的免费视频 | 操操操操操操操操 | 亚洲天堂精品视频 | 欧美a一级 | 久久午夜鲁丝片 | 免费av网站观看 | 国产成人看片 | 欧美精品一| 久久午夜国产 | 亚洲天堂中文在线 | 在线只有精品 | 97久久久| 欧美va在线观看 | 人人干视频 | 福利资源在线 | 99综合| 男女国产视频 | 人人艹视频 | 免费观看av| 九九久久视频 | 国产视频1区2区 | 欧美黄色大片在线观看 | 超碰九七|