學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

2023-11-17    周周

 

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

今天要討論的話題主要是關(guān)于點(diǎn)線面分布分析,這部分知識(shí)主要是針對(duì)空間層面的,學(xué)會(huì)后真的可以做到任何一張圖都能拿來(lái)直接做。好啦閑話不多說(shuō)下面開(kāi)始今天的內(nèi)容。

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

這個(gè)方法是我自己思考的,可能?chē)?yán)謹(jǐn)性還有待實(shí)驗(yàn),不過(guò)我目前的使用還是比較順手的。我們可以給圖片簡(jiǎn)單的分為九個(gè)區(qū)域,以此來(lái)量化圖片的疏密,這樣就十分清晰的看到我們的文案應(yīng)該如何分布。

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

先隨便來(lái)兩個(gè)圖我們找找感覺(jué)。通過(guò)觀察我們發(fā)現(xiàn),所謂的疏密松緊也就是空間的分布哪里干凈,哪里復(fù)雜。

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

這兩部分知識(shí)是承接的關(guān)系,確定了疏密也就約等于確定了主體的位置,確定了主體的位置就可以確定構(gòu)圖的形式,因?yàn)槲覀冎白鲞^(guò)定義,所謂設(shè)計(jì)的構(gòu)圖就是協(xié)調(diào)主體與標(biāo)題的關(guān)系或者說(shuō)是協(xié)調(diào)視覺(jué)點(diǎn)之間的關(guān)系。

所以我們得出結(jié)論,圖片的疏密分布于圖片主體的位置,可以直接作為后續(xù)設(shè)計(jì)文案編排位置參考,因?yàn)轫樦鴪D片的趨勢(shì)走就會(huì)省掉很多麻煩。

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

主體位置相較于疏密更加精確,疏密只是針對(duì)圖片大致感覺(jué)的判斷,而主體位置部分會(huì)涉及到對(duì)疏密的更改,下面給大家看一個(gè)版式的小案例大家就理解了。(這個(gè)設(shè)計(jì)圖 不具備商業(yè)屬性,是我個(gè)人的一種記日記的方式)

優(yōu)先進(jìn)行疏密的分析。

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

我們通過(guò)調(diào)整主體的疏密塊面可以做到讓信息以最大的靈活度編排讓版式像推箱子游戲一樣,只需要把對(duì)應(yīng)文字需要占得面積提前標(biāo)注我們就能輕松完成設(shè)計(jì)。

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

我把編排好文字信息組合圖片進(jìn)行結(jié)合后會(huì)發(fā)現(xiàn),現(xiàn)有的主體位置不允許我做這樣的排版設(shè)計(jì),因?yàn)榇嬖谥黧w遮擋嚴(yán)重,重心不穩(wěn)定頭重腳輕,主體缺乏視覺(jué)聚焦點(diǎn)等等問(wèn)題,下面我們做的操作就完全是基于問(wèn)題的處理。

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

最后簡(jiǎn)單的調(diào)個(gè)色就完成了,基于主體位置的應(yīng)用還有很多,我們可以看到確定主體位置是疏密的細(xì)化過(guò)程,確定圖片疏密是建立基礎(chǔ)塊面的必要條件。

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

本來(lái)構(gòu)圖這部分應(yīng)該拆開(kāi)和主題位置這塊知識(shí)詳細(xì)講解的,但是因?yàn)橹暗奈恼绿岬竭^(guò),感興趣的可以瀏覽一下前面關(guān)于借鑒那兩篇文章。然后嘗試回答以下幾個(gè)問(wèn)題如果能回答上來(lái)就說(shuō)明完全掌握了。

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

不管是圖片還是圖形都具備其相應(yīng)的屬性,所謂屬性指的是它呈現(xiàn)出的視覺(jué)狀態(tài)更加偏向于點(diǎn)線面的哪種方向。為了照顧一些基礎(chǔ)不太好的小伙伴下面我會(huì)把點(diǎn)線面的概念先簡(jiǎn)單介紹一下,大家能做到概括的理解就可以。

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

說(shuō)完了概念我們?cè)倩氐阶铋_(kāi)始的話題,主體的屬性,下面我給大家分別敘述點(diǎn)線面各自的應(yīng)用方式和優(yōu)劣情況。

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

隨著面的大小變化,所呈現(xiàn)的視覺(jué)性與主體面的大小呈正比,面的表現(xiàn)越大視覺(jué)性越足,面的表現(xiàn)越小視覺(jué)性就越弱,當(dāng)然弱不代表著不好,有些項(xiàng)目就是需要讓面的充實(shí)感下降。

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

學(xué)會(huì)這個(gè)思路,什么圖片素材都能拿來(lái)用!

文章來(lái)源:優(yōu)設(shè)網(wǎng)    作者:視研設(shè)

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

 

 

藍(lán)藍(lán)設(shè)計(jì)(m.sillybuy.com )是一家專(zhuān)注而深入的界面設(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咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢(xún)電話:01063334945。

關(guān)鍵詞:UI設(shè)計(jì)公司界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司、軟件qt開(kāi)發(fā)軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔