時(shí)間整理，素材整理续担，內(nèi)容整理擅耽，需求整理
拿到素材后：
1、拿到需求的時(shí)候物遇，先對(duì)需求進(jìn)行分析
2乖仇、學(xué)會(huì)提取關(guān)鍵元素并加以表現(xiàn)手法的運(yùn)用
3、找參考物或靈感對(duì)象
4询兴、開(kāi)始進(jìn)行初稿設(shè)計(jì)
如何分析需求
? ? ? ? 以護(hù)膚品Banner為例乃沙，文案為“主標(biāo)題為夏日護(hù)膚，開(kāi)啟肌膚保護(hù)傘，獻(xiàn)給愛(ài)美的你。次內(nèi)容為滿(mǎn)199贈(zèng)100返50邢享，活動(dòng)時(shí)間為7月11-7月20日”武福。產(chǎn)品是一款透明質(zhì)地的爽膚水或化妝水冷蚂，包裝盒為綠色。像這樣的的需求要如何開(kāi)始設(shè)計(jì)汛闸？
首先蝙茶，我們要去分析這款產(chǎn)品針對(duì)用戶(hù)群體是哪些？
第二诸老，要去看我們這張banner圖后續(xù)要放到哪個(gè)地方進(jìn)行展示隆夯？
第三，我們這個(gè)產(chǎn)品的目的是什么别伏？產(chǎn)品宣傳或是促銷(xiāo)又或者是兩者皆有蹄衷？
我們要根據(jù)不同的產(chǎn)品，進(jìn)行不同的需求分析厘肮，并不的代表每一個(gè)產(chǎn)品的步驟都是一樣的愧口。
提取素材運(yùn)用
拿到產(chǎn)品素材圖片觀察后：
1、若針對(duì)的用戶(hù)群體多為女性类茂，我們?cè)谖淖稚媳M可能采用纖細(xì)的字體耍属，甚至可以一定程度上使用宋體字，貼合女性風(fēng)格并展現(xiàn)高級(jí)感巩检。
2厚骗、看產(chǎn)品外包裝的顏色，確定主題色調(diào)兢哭，并且可以加入同色系的元素领舰。
3、觀察素材圖片整體的風(fēng)格迟螺，進(jìn)行版面設(shè)計(jì)的時(shí)候采用相近的手法進(jìn)行設(shè)計(jì)冲秽。
尋找參考靈感
? ? ?? 已經(jīng)確定好元素和大致的設(shè)計(jì)方向，若還沒(méi)有想好如何制作的時(shí)候煮仇，可以通過(guò)一些網(wǎng)站或平臺(tái)找到同一類(lèi)型的設(shè)計(jì)作品劳跃，大概了解其他作品的思路及制作方向以及手法的借鑒，可以將多者進(jìn)行融合浙垫，生成自己的作品刨仑。
構(gòu)圖
? ? ? ? 構(gòu)圖是一個(gè)造型藝術(shù)術(shù)語(yǔ)，即繪畫(huà)時(shí)根據(jù)題材和主題思想的要求夹姥，把要表現(xiàn)的形象適當(dāng)?shù)慕M織起來(lái)杉武，構(gòu)成一個(gè)協(xié)調(diào)的完整的畫(huà)面。
? ? ? ? 指作品中藝術(shù)形象的結(jié)構(gòu)配置方法辙售。它是造型藝術(shù)表達(dá)作品思想內(nèi)容并獲得藝術(shù)感染力的重要手段轻抱。在視覺(jué)藝術(shù)中常用的技巧和術(shù)語(yǔ)，特別是繪畫(huà)旦部、平面設(shè)計(jì)與攝影中祈搜。
? ? ? ? 在UI設(shè)計(jì)中较店，構(gòu)圖的主要作用是構(gòu)建協(xié)調(diào)有序的頁(yè)面布局。
對(duì)稱(chēng)式版面
? ? ? ? 在視覺(jué)上有平穩(wěn)容燕、自然梁呈、均衡、協(xié)調(diào)蘸秘、整齊官卡、端莊等這些讓人安定的感覺(jué)。
重點(diǎn)式版面
? ? ? ? 特別強(qiáng)調(diào)版面的某一局部醋虏，并利用各種排版方式使整體畫(huà)面有一個(gè)重點(diǎn)寻咒。一般全版只有一個(gè)重點(diǎn)，有時(shí)會(huì)有兩個(gè)重點(diǎn)颈嚼，而且版面的重點(diǎn)非常突出毛秘，才能吸引讀者閱讀。
? ? ? ? 排版構(gòu)圖一般會(huì)用到：三分法粘舟、黃幾比例等...
三分法：常用的構(gòu)圖手段熔脂，也稱(chēng)井字構(gòu)圖法。是指把畫(huà)面分成三份柑肴，每一份中心都可以放置主體形態(tài)霞揉，適合多形態(tài)平行焦點(diǎn)的主體。
排版
三個(gè)原則：從左到右晰骑，從上到下适秩，從大到小
格式塔原理
1、相似
我們的眼睛很容易關(guān)注那些復(fù)雜環(huán)境中外表相似的東西硕舆，在UI設(shè)計(jì)中運(yùn)用相似原理組織好界面中的信息和層級(jí)關(guān)系秽荞。
形狀：形狀相似用來(lái)區(qū)分不同的信息，和信息層級(jí)無(wú)關(guān)抚官。
大醒锇稀：用大小的相似性分組來(lái)區(qū)分信息層級(jí)。
色彩：用不同的顏色分組區(qū)分信息層級(jí)和歸類(lèi)信息
2凌节、接近
接近的元素更容易被看成一個(gè)整體钦听，或者同一組信息。
頁(yè)面留白
為何要頁(yè)面留白
? ? ? ? 用網(wǎng)站來(lái)舉例子倍奢，大部分用戶(hù)都喜歡整潔朴上、有邏輯、條理清晰卒煞、容易看懂的網(wǎng)站痪宰。
? ? ? ? 主要是為了突出我們的主體、增加畫(huà)面的透氣性、以及品質(zhì)感衣撬。
頁(yè)面留白的好處
以網(wǎng)頁(yè)舉例
1乖订、留白增加易讀性：文字間距安排合理，如段落文字之間的空白區(qū)域使得信息層級(jí)關(guān)系清晰易懂具练，整個(gè)頁(yè)面的條理性和邏輯性也會(huì)提高垢粮，用戶(hù)的易讀性提高，是提升用戶(hù)體驗(yàn)的一個(gè)方法靠粪。
2、留白讓頁(yè)面增加呼吸感：一個(gè)排版里面如果出現(xiàn)了大量的文字毫蚓，用戶(hù)會(huì)失去閱讀的興趣占键。適當(dāng)?shù)牧舭讜?huì)提升呼吸感，不會(huì)讓用戶(hù)產(chǎn)生抵觸的情緒元潘，也可以結(jié)合圖片提升閱讀的趣味性畔乙。
3、留白增加平衡感：很多版面中翩概，如果不使用留白,會(huì)讓整個(gè)版面看起來(lái)雜亂無(wú)章牲距，用會(huì)在閱讀時(shí)會(huì)出現(xiàn)順序錯(cuò)亂，但過(guò)多的留白會(huì)讓版面看起來(lái)太空钥庇，因此適當(dāng)?shù)牧舭卓梢誀I(yíng)造平衡感牍鞠，提升視覺(jué)感受。
4评姨、留白可以進(jìn)行元素分割：留白可以分割內(nèi)容的元素难述，讓用戶(hù)更加方便的閱讀不同的部分，給用戶(hù)閱讀的順序提供了選擇的自由吐句。
頁(yè)面留白的誤區(qū)
1胁后、留白是留出空白的區(qū)域，說(shuō)的是空間嗦枢，不是顏色攀芯。
2、留白也有盲區(qū)文虏，不是所有的設(shè)計(jì)都適用侣诺，但大部分的現(xiàn)代化設(shè)計(jì)風(fēng)格都會(huì)使用適當(dāng)?shù)牧舭住?/p>
3、留白不要太多择葡，要把握好程度紧武，否則容易讓版面太過(guò)于單調(diào)和空闊，平衡感會(huì)丟失敏储。
