青草久久国产精品_少妇泬出白浆3b_人人操人人操人人操_91久久久无码精品不卡A片直播91精品亚洲男人的天堂,久久这里只有精品98,久久91精品勾搭,自拍偷拍精品网久久97A

首頁

圖片海報不會做?6種方法提高形式感!

杰睿

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

 

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次左右,會形成這樣的效果,做好后的效果有點丑,但是沒關(guān)系,我們接著往下做。

 

 

步驟三/step 03

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

 

 

步驟四/step 04

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

 

 

步驟五/step 05

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

 

 

步驟六/step 06

最后排版上文字,海報就完成啦。

 

 

 

 

 

02-

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

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


步驟一/step 01

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

 

 

步驟二/step 02

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

 

 

步驟三/step 03

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

 

 

步驟四/step 04

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

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

 

 

步驟五/step 05

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

 

 

 

 

03-

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

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


步驟一/step 01

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

 

 

 

步驟二/step 02

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

 

 

 

 

 

04-

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

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


步驟一/step 01

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

 

 

步驟二/step 02

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

 

 

步驟三/step 03

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

 

 

步驟四/step 04

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

 

 

步驟五/step 05

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

 

 

步驟六/step 06

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

 

 

 

 

05-

3D炫彩海報

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


步驟一/step 01

 

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

 

 

步驟二/step 02

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

 

 

步驟三/step 03

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

 

 

步驟四/step 04

最后排版上文字,海報就完成啦!

 

 

 

 

06-

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

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


步驟一/step 01

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

 

 

步驟二/step 02

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

 

 

步驟三/step 03

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

 

 

步驟四/step 04

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

 

 

步驟五/step 05

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

 

 



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

這排版確實專業(yè),這次不獻丑了!

杰睿

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


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

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

杰睿

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


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

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

杰睿

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

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

 

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

 

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

undefined

 

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

 

 

 

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

undefined

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

undefined

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

 

 

 

 

總結(jié)

 

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



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

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

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

杰睿

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

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

-

只有在版面具有基礎(chǔ)的閱讀性,才可以根據(jù)想法思路進行創(chuàng)意性的表現(xiàn),而建立持續(xù)最簡單的方式之一就是運用構(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è)計目的。是初學(xué)者中最為常見的形式之一,對稱之間互相呼應(yīng),信息處理可以從中快速打破呆板狀態(tài),讓版面具有靈活性。

 

 

 

 

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

 

 

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

 

 

 

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

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

 

 

 

 

 

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

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

 

 

 

 

 

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

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

 

 

 

 

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

 

 

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

 

 

 

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

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

 

 

 

 

 

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

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

 

 

 

 

 

 

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

涉及到的知識點有:

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

②文字編排;

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

我們先來看看最終的海報效果先。

 

 

 

第一步:→

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

 

 

第二步:→

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

 

 

第三步:→

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

 

 

第四步:→

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

 

 

第五步:→

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

 

 

第六步:→

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

 

 

第七步:→

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

 

 

第八步:→

其最后把整體的細節(jié)稍微調(dià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)載請注明出處。

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

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

杰睿

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

 

 

 

 



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

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

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

藍藍設(shè)計的小編

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

 

 

 

 

 

 

 



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

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

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

杰睿

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

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

 

一、重復(fù)

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

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

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

 

 

二、描邊

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

 

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

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

 

 

三、字距

字距,即文本中兩個字之間的距離。在長文本的文字排版時,我們很少會主動去控制文字間距。因為在一款字體被設(shè)計出來時,它的默認(rèn)字距是經(jīng)過設(shè)計與驗證過的,是最適合閱讀的字距。

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

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

 

 

四、繁體

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

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

 

 

五、斷句

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

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

 

 

六、填充

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

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

 

 

七、裁剪

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

字體裁剪和切割的編排方式,大多用在相對比較大的字號上,原因在于字型被改變之后可讀性會減低,而相對較大的字號,可以彌補字型筆劃缺失帶來的可讀性降低。

 

 

八、空間

在平面的文字編排中,制造空間感的方式,主要依靠層級的疊加。營造出前后錯落的視覺感受,以此來突出我們要傳達的主體信息。

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

 

 

九、實踐應(yīng)用

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

下圖是作者按照上面文字編排技巧,花了十幾分鐘做出來的海報,你也可以動手試試~

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



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

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

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.yn-ups.com

存檔