01.利用秘密調(diào)色板

      是的。我見過許多不知道秘密調(diào)色板的新手設(shè)計(jì)師。每次你設(shè)計(jì)的時(shí)候，都有一個(gè)秘密的調(diào)色板在你眼前，你可能應(yīng)該使用它。

哪一個(gè)?

      你正在處理的圖像。在里面，你可以找到所有你需要的顏色。

      同樣，在你聽來，這可能聽起來很明顯。但相信我，我在網(wǎng)上見過一些糟糕的情侶組合。陽(yáng)光明媚的夏日和海灘，配以暗紅色的背景色調(diào)。只是為什么。

      有時(shí)立即找到顏色也能幫助你想出新點(diǎn)子。讓我們舉個(gè)例子，圖像的色調(diào)決定了風(fēng)格。

      使用普通的顏色可以幫助你減輕對(duì)比，保持設(shè)計(jì)的流暢性。

02.三種顏色

      在第一個(gè)故事中，我提到了黑白設(shè)計(jì)，但從長(zhǎng)遠(yuǎn)來看這是非常有限的。

      基本上，每個(gè)設(shè)計(jì)師都知道這一點(diǎn)，但下一步是利用最常見的設(shè)計(jì)策略之一:使用三種顏色和只使用三種顏色。

      顯然，這三種顏色不是隨機(jī)使用的。他們每個(gè)人都有一個(gè)你必須知道的特定角色:

      主要的背景。填充60%的成分。

      主體顏色。填充30%的合成。

      口音的顏色。填充10%的成分。

03.數(shù)字和文本使用不同的字體

      一個(gè)常見的錯(cuò)誤是強(qiáng)迫自己在數(shù)字和文本中使用相同的字體。雖然這通�？梢怨ぷ�，但有些字體不是為數(shù)字設(shè)計(jì)的，或者他們甚至忘記在第一時(shí)間設(shè)計(jì)它們!

      不要害怕在你的設(shè)計(jì)中使用第三種字體，如果你要用它來表示數(shù)字。也許你正在使用的這兩種字體在你正在設(shè)計(jì)的百年公司網(wǎng)站的漂亮日期覆蓋上時(shí)，就會(huì)被弄得一團(tuán)糟。

05.黃色要小心或避免使用

      這不是對(duì)黃色的指責(zé)。它是個(gè)很漂亮的顏色，但伴隨而來的是你可能不想面對(duì)的一系列問題。

      “Lorenzo!你在這個(gè)故事的第一個(gè)設(shè)計(jì)中使用了黃色!”

      簡(jiǎn)單地說，黃色是我們的眼睛最敏感的顏色，這使它非常明亮:因?yàn)槟悴幌胱屇愕目蛻艨聪�，你可能�?huì)使用黃色作為重點(diǎn)顏色。

      在現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)中，強(qiáng)調(diào)色通常與白色配合使用，就像在按鈕中一樣，而且由于它的亮度，很容易造成對(duì)比度過低，使文本難以讀懂。

      為了避免對(duì)比問題，當(dāng)使用較大的文本時(shí)(就像我在我的模型中所做的那樣)，黃色的一個(gè)常見用法是與黑色和白色搭配。

      黃色的另一個(gè)問題是，它不能很好地與他的粉彩版本相匹配:粉彩黃色會(huì)變成一種可怕的棕色或金色色調(diào)，這會(huì)帶來一種你可能不想使用的極其特殊的含義(奢華)。

06.使用網(wǎng)格作為指南和標(biāo)志

      你可能知道960網(wǎng)格系統(tǒng)或Twitter的引導(dǎo)，并且不止一次在設(shè)計(jì)中使用過12列網(wǎng)格布局。

      但你試過讓這些網(wǎng)格可見嗎?

      使用網(wǎng)格通常會(huì)強(qiáng)化形式化、精確性和專業(yè)性等概念。

07.不對(duì)稱

      一旦你知道了規(guī)則，就打破它們�，F(xiàn)代藝術(shù)設(shè)計(jì)對(duì)不對(duì)稱有很大的把握。嘗試移動(dòng)內(nèi)容，打破標(biāo)準(zhǔn)的網(wǎng)格布局。然而，這是最困難的技巧之一，而創(chuàng)造一個(gè)不平衡的構(gòu)圖是相當(dāng)容易的。

08.設(shè)計(jì)有用的組件

      人們認(rèn)為可用的網(wǎng)站更令人愉悅。設(shè)計(jì)用戶需要的一切，并使每一個(gè)任務(wù)快速。如果你設(shè)計(jì)的是一個(gè)人們會(huì)經(jīng)常使用的網(wǎng)站，那就把你那些花哨的美學(xué)思想放在一邊，試著加入一些有用的組件。

09.同時(shí)呈現(xiàn)桌面和移動(dòng)設(shè)備

      雖然同時(shí)設(shè)計(jì)手機(jī)和桌面版本對(duì)于每一個(gè)設(shè)計(jì)來說都是必須的，但當(dāng)我們?cè)谟?xùn)練時(shí)往往只專注于一個(gè)幀，而將所有的時(shí)間都浪費(fèi)在那上面。

把這兩種成分加在一起，你至少會(huì)得到三個(gè)好處:

      你已經(jīng)設(shè)計(jì)了響應(yīng)性

      你看起來更聰明，更專業(yè)

      你可以嘗試分層設(shè)計(jì)

10.制作3D效果

      這是藝術(shù)技巧之一，通過使用Blender非常有效的SVG導(dǎo)入，你可以通過幾個(gè)步驟將2D設(shè)計(jì)轉(zhuǎn)換為3D模型。雖然你不能將其發(fā)送給開發(fā)者，但將其轉(zhuǎn)化為3D將在展示和營(yíng)銷階段非常有幫助。

11.單色圖像背景

      一個(gè)非常簡(jiǎn)單但有效的技巧是使用單色圖像作為背景，而不是單調(diào)的色彩。

      這個(gè)技巧可以幫助你帶來紋理和強(qiáng)化概念，同時(shí)也給你留下喘息的空間。

怎么做呢?

      這個(gè)過程很簡(jiǎn)單:你在你的圖像上放一個(gè)簡(jiǎn)單的填充層，然后改變它的混合模式為“color”。

      同樣的效果也可以在Figma、Photoshop和其他任何一款不錯(cuò)的圖形軟件中得到。

      當(dāng)你找到了正確的色調(diào)，記得試驗(yàn)一下圖像的不透明度!

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://www.dedgn.cn/news-id-12699.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注網(wǎng)頁(yè)制作頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050