同學(xué)有這樣的困擾，一個設(shè)計師分享他的設(shè)計，沒想到被這個總監(jiān)直接噴了說完全不專業(yè)，那么怎么做才專業(yè)？今天聊下下部分。
1.符合情感的色彩
如果你在設(shè)計中使用顏色，一定要考慮色彩的整體和諧性以及色調(diào)。色彩明度不同，色調(diào)不同，帶來的視覺感受是完全不一樣的，比如紅色，有的紅色很個性化，有的紅色很現(xiàn)代，有的紅色比較性感。我們需要掌握不同顏色的性格特征。
這里推薦一個工具就是-色彩意象尺，它能幫你了解不同顏色的色彩情感。一般在做品牌的過程中用的比較多。
▲色彩意向尺，能告訴你不通過顏色的情感是什么樣的。在確定一個品牌色，或者配色時候都可以用到。給大家看一個定義品牌色的案例。
舉例說明
比如要做一款全球的社交產(chǎn)品，主要用戶是00后的，整體的品牌個性是時尚，年輕的方向。那么可以從這個尺度表里面去挑選色彩位置，再進行配色調(diào)試。
▲第一步就從整個色彩尺度表空間里面，找到了這個色彩的位置。找到了一個基礎(chǔ)顏色，紅色，黃色。
看看競品的色彩方向
比如發(fā)現(xiàn)競品其實都趨向于紅色方向，那么也可以從策略上，我們避開紅色方向，最終來定出一個黃色作為整體品牌色。
根據(jù)人群喜好調(diào)整配色
▲確定品牌色方向：黃色
在確定方向后，就要思考，我們的用戶比例，是男性多還是女性多，加入我們的用戶是男性多，可以根據(jù)上圖男女喜好去做色彩傾向。比如男性喜好色彩大膽一些配色，那么基于黃色去做一些黃色的調(diào)整。
▲調(diào)整黃色的明度和飽和度，讓整體更大膽一些，最后定下來一個偏糖果玉米的黃色。
以上就是一個大概如何定義品牌色過程，那這中間其實有很多知識點，可能是同學(xué)們第一次聽說，比如：品牌個性維度，色彩情感，以及色相意向尺，不過沒關(guān)系，今天大家只要通過這篇文章，了解的這些理論。然后在你的項目和工作中，不斷反復(fù)運用，相信我，你有一天也可以從0到1去定義一些很經(jīng)典的配色。
▲上圖就是一個使用色彩意向尺的示范案例，通過產(chǎn)品定位優(yōu)雅高級，從色彩意向尺里面選擇中性色去運用的一個案例。
▲分享給大家一個網(wǎng)站，這個網(wǎng)站匯聚了全球所有大公司的品牌色。你在做品牌色時候，都可以去參考學(xué)習(xí)。
2.有品質(zhì)的圖片
▲圖片來源：設(shè)計日記私塾班學(xué)員-小冉子
圖片是做設(shè)計非常重要的工具，沒有一個工具比圖片簡單強大。圖片是最被設(shè)計師忽略的一個工具。如果你會使用圖片，能很好幫你做設(shè)計提案，幫助你很好的把產(chǎn)品氣質(zhì)和調(diào)性傳遞出去。
▲圖片來源：設(shè)計日記私塾班學(xué)員-小冉子
比如今天我們設(shè)計想表達安全，那么怎么去體現(xiàn)，怎么去和同事領(lǐng)導(dǎo)表達安全的概念。圖片就是一個很好的方式。比如安全的人，警察，保鏢。安全的事情手機鎖屏解鎖，戴口罩等等。安全的物體有保險箱，指紋鎖等等。也能通過圖片找到一些視覺表達方式，比如塊面感像保險箱一樣，比如穩(wěn)重的字體，對稱的構(gòu)成形式等等。
圖片除了用在情緒板去表達你的設(shè)計意圖，在設(shè)計中好的圖片能幫你傳遞出清晰的概念，能幫你視覺加分，在視覺上提升品質(zhì)。
▲如上圖就是一個攝影照片，那么運用到設(shè)計中，和設(shè)計很巧妙結(jié)合，效果就會非常好。
▲合成后的效果圖非常好，汽車和風(fēng)景的結(jié)合也比較融洽。
▲特別在電商設(shè)計中，圖片選的好，符合產(chǎn)品氣質(zhì)。整體的銷量還有設(shè)計效果都會提升。
▲設(shè)計師合理的運用圖片，通過圖片去表達設(shè)計概念。通過圖片的選擇幫助產(chǎn)品提升品質(zhì)，最終達到設(shè)計目標(biāo)是每個設(shè)計師都需要具備的能力。
3.帶隱喻且合理的圖標(biāo)
在頁面中合理運用圖形很重要，現(xiàn)在圖標(biāo)不僅僅是表達含義，更多時候也是設(shè)計圖形的象征，圖標(biāo)也是有情感的。不同圖形的圓角大小，質(zhì)感不一樣，傳遞的氣質(zhì)也會完全不一樣。
▲斷口和疊加色彩的圖標(biāo)，給人感覺輕松活潑，傳遞出親和力。
▲這種就是比較硬朗的圖形，一般在視覺上給人穩(wěn)定，品質(zhì)的感受，適合于金融產(chǎn)品，偏硬朗一些的產(chǎn)品設(shè)計。
▲另外在圖形的設(shè)計上，要遵循用戶平時的習(xí)慣，圖形要和他日常生活中的事情能聯(lián)系起來，也就是常說的隱喻，圖形要有合理的隱喻。
a
4.明確按鈕規(guī)則
按鈕是產(chǎn)品設(shè)計中出現(xiàn)頻率最多的，按鈕主要是行動點，所以我們有必要明確每個按鈕的含義和動作。
按鈕的視覺樣式也很多，有填充的，線框的，色塊描邊的，還有文字按鈕。在產(chǎn)品設(shè)計中，需要明確每個按鈕的使用場景和含義，比如一般的主行動按鈕一般用品牌色填充，比如去購買，下一步等等。一般輔助操作用白色快描邊的方式處理，這樣更輕量化。警告類的操作一般運用紅色按鈕，無效按鈕一般用灰色等等。
▲如果沒有很明確的按鈕指引規(guī)范，就會出現(xiàn)設(shè)計不合理，功能不合理。
a
5.視覺對齊準(zhǔn)則
在設(shè)計時候，有時候需要設(shè)計的很精準(zhǔn)，比如間距規(guī)則，圖形大小都要遵循數(shù)學(xué)原則，也就是像素眼對齊。但是有些場景，可能需要進行視覺矯正。純粹的數(shù)學(xué)對齊往往看起來不和諧。
▲NAVER閃屏，字體是偏上一點設(shè)計，看起來更加和諧。如果兩邊都是一比一會有些壓抑。
▲上圖兩個圖標(biāo)，左邊的是數(shù)字對齊，但是看起來圖片有點偏左了，右邊是進行視覺對齊調(diào)整后看起來和諧很多。
▲上圖左邊正方形和圓形的大小相同，圓形看起來就特別的小，所以在這種情況下。圓形要比正方形更大一些。
▲經(jīng)常會用到字體，有時候粗體和細體會一起使用。如果同樣字號的粗體和細體放在一起就會感覺粗體更大。這個時候其實就需要將細體微調(diào)整1px或者2px的大小，讓其看起來更合理。
▲同樣的在中文和英文數(shù)字組合時候，中文會比數(shù)字看起來大很多，會有些不均衡。這個時候可以把數(shù)字稍微加大一點，這樣看起來就會均衡很多。
最后
以上就是我總結(jié)的一些視覺標(biāo)準(zhǔn)準(zhǔn)則，也是一個設(shè)計合格的基礎(chǔ)，當(dāng)然設(shè)計遠遠沒有完美的，沒有100分的設(shè)計，只有不斷優(yōu)化的設(shè)計，希望這兩篇關(guān)于如何從哪幾個維度做好設(shè)計，能讓你更好的了解設(shè)計，并在工作中運用。
原文地址:我們的設(shè)計日記（公眾號）
作者：sky
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( www.teruid.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)