學會這個思路,什么圖片素材都能拿來用!|北京藍藍UI設計公司

2023-11-17    周周

 

學會這個思路,什么圖片素材都能拿來用!

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

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

這個方法是我自己思考的,可能嚴謹性還有待實驗,不過我目前的使用還是比較順手的。我們可以給圖片簡單的分為九個區(qū)域,以此來量化圖片的疏密,這樣就十分清晰的看到我們的文案應該如何分布。

學會這個思路,什么圖片素材都能拿來用!

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

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

這兩部分知識是承接的關(guān)系,確定了疏密也就約等于確定了主體的位置,確定了主體的位置就可以確定構(gòu)圖的形式,因為我們之前做過定義,所謂設計的構(gòu)圖就是協(xié)調(diào)主體與標題的關(guān)系或者說是協(xié)調(diào)視覺點之間的關(guān)系。

所以我們得出結(jié)論,圖片的疏密分布于圖片主體的位置,可以直接作為后續(xù)設計文案編排位置參考,因為順著圖片的趨勢走就會省掉很多麻煩。

學會這個思路,什么圖片素材都能拿來用!

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

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

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

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

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

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

學會這個思路,什么圖片素材都能拿來用!

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

學會這個思路,什么圖片素材都能拿來用!

本來構(gòu)圖這部分應該拆開和主題位置這塊知識詳細講解的,但是因為之前的文章提到過,感興趣的可以瀏覽一下前面關(guān)于借鑒那兩篇文章。然后嘗試回答以下幾個問題如果能回答上來就說明完全掌握了。

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

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

學會這個思路,什么圖片素材都能拿來用!

說完了概念我們再回到最開始的話題,主體的屬性,下面我給大家分別敘述點線面各自的應用方式和優(yōu)劣情況。

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

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

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

學會這個思路,什么圖片素材都能拿來用!

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

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

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

 

 

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

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

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔