5個(gè)超實(shí)用技巧讓設(shè)計(jì)作品變得高大上
很多新人小伙伴總是有這樣的問(wèn)題:為什么我的作品看起來(lái)不高大上?為什么別人的作品看起來(lái)就是很高大上?其實(shí)很多時(shí)候在于展示時(shí)候的小細(xì)節(jié),這些小細(xì)節(jié)又可以說(shuō)是小竅門。今天圖趣就帶大家來(lái)數(shù)一下這些情況吧!
字體
關(guān)于字體,我們這里去講那么高深的骨骼、靈魂、性格什么的,我們只說(shuō)兩件事,一是盡量使用英文,二是選擇簡(jiǎn)單的字體。好吧看到這里那些愛(ài)國(guó)的小伙伴們一定開(kāi)始憤怒爆豆然后在心里鄙視老牛千百遍了,嗯哼,不要緊你先罵著,其他朋友繼續(xù)看著。
首先我們聊聊”盡量使用英文”的問(wèn)題。實(shí)際上這個(gè)問(wèn)題和第二點(diǎn)簡(jiǎn)單很類似,我們知道,在設(shè)計(jì)中,畫面是最主要的,簡(jiǎn)潔和一定的留白也是同樣重要,這樣才能保持主題的鮮明,不讓密密麻麻的中文字去擾亂視覺(jué)。中文是非常美麗的文字,但是也造成了中文每一個(gè)字都相當(dāng)于是圖形,甚至可以說(shuō)是圖形。那么一件作品中圖形最多能達(dá)到多少個(gè)呢?十幾萬(wàn)吧……嗯……那么這個(gè)原因很可能造成你的設(shè)計(jì)給人感覺(jué)很亂、很繁瑣、不簡(jiǎn)潔。而英文的好處?你懂得,才26個(gè)字母,你隨便用隨便組合,只有26個(gè)。即使你用日文、韓文、俄文、法文等等,都是簡(jiǎn)單的哪幾種組合,可想而知老外的老祖宗們是有多懶惰,中國(guó)的老祖宗們有多牛逼??墒悄阒溃械臅r(shí)候你就需要”崇洋媚外”,這樣才能提高征服你的客戶和老板的概率,難道要一遍遍的改稿你才高興嗎?另外你說(shuō)你的英語(yǔ)水平有限不好,那么谷歌翻譯完全可以幫到你,當(dāng)然,更好的方法是直接看國(guó)外優(yōu)秀作品中出現(xiàn)的單詞注解或者去Facebook、Twitter、Behance等去研究學(xué)習(xí),變相的對(duì)自身的英語(yǔ)能力也會(huì)有所提高。
事實(shí)上,還有一點(diǎn)不完全的心理分析,就是有很多人對(duì)已經(jīng)習(xí)慣的東西產(chǎn)生厭倦,而對(duì)相對(duì)陌生的實(shí)物會(huì)增加好感。在中國(guó),一個(gè)老外從事任何職業(yè),看起來(lái)都比我們同族人”高大上”一些。雖然這個(gè)規(guī)矩不成文但是事實(shí)存在,好在近幾年國(guó)人對(duì)老外已經(jīng)習(xí)以為常,不過(guò)對(duì)其他6,7億人還是有很大殺傷力的,不然電視廣告怎么那么多找個(gè)老外扮演醫(yī)生科學(xué)家呢?
當(dāng)然,使用英文不代表你要去下載一堆堆花花的字體,那樣還不如使用中文呢。要知道,想要?dú)У粢患弑聘竦脑O(shè)計(jì),用字體是最直接了當(dāng)?shù)臍⑹诛盗恕S靡恍┫到y(tǒng)默認(rèn)的字體就可以了,比如Arial、Tahoma、和Verdana、微軟雅黑等。這些自己簡(jiǎn)單、橫平豎直,對(duì)于一些設(shè)計(jì)來(lái)使用有很不錯(cuò)的效果。在UI設(shè)計(jì)中,文字的主要作用是輔助圖形進(jìn)行說(shuō)明、注解,而非像平面設(shè)計(jì)中那樣需要設(shè)計(jì)一款非常好看的字體LOGO。
顏色
色,是我們?cè)O(shè)計(jì)的重要部分。色,也會(huì)潛意識(shí)的傳達(dá)給我們一些理念和語(yǔ)言。對(duì)于配色的重要,相信大家一定都很了解。
用對(duì)色,這個(gè)屬于一種用戶習(xí)慣,盡量不要去改變用戶的常規(guī)習(xí)慣,這會(huì)讓很多人糾結(jié)的心情,而且隨意的用色有可能使用戶造成誤操,絕對(duì)讓你的產(chǎn)品減分。更何況,考慮過(guò)用戶沒(méi)帶眼鏡看不清文字只能通過(guò)顏色來(lái)感知的環(huán)境嗎?
不要太用太高飽和度的顏色,這是一種難把握的度?,F(xiàn)在互聯(lián)網(wǎng)上有很多網(wǎng)站配色”模板”,非常建議大家學(xué)習(xí)使用,從高端設(shè)計(jì)中去學(xué)習(xí)配色的妙用。你知道嗎,即使是設(shè)計(jì)一款藍(lán)色的界面,那么藍(lán)色能有多少種組合呢?往往我們?cè)O(shè)計(jì)的作品最大的失敗點(diǎn)就在于用色。如果你對(duì)自己色彩感把握不好,那么盡可能的使用一些飽和度、對(duì)比度不高的顏色,這樣比較穩(wěn);如果你是一個(gè)用色高手,那么請(qǐng)自由發(fā)揮吧。
圖片
一張圖片對(duì)于作品提案、展示有多重要的影響呢?我們可以實(shí)際感受一下:
所以,有可能你的稿子就是不能通過(guò),很有可能被你所選用的圖片所影響。首先你的配圖會(huì)影響他人對(duì)未來(lái)產(chǎn)品的期望與幻想,你的設(shè)計(jì)越美配圖越高端,對(duì)方越會(huì)想象實(shí)現(xiàn)后有多么美好;其次你的圖片質(zhì)量很影響整體設(shè)計(jì)的美感,有些人對(duì)于你作品說(shuō)不出哪里好也說(shuō)不出哪里不好,很有可能取決于你的配圖;最后,配圖的選擇潛意識(shí)的讓人對(duì)你的審美能力產(chǎn)生信任或者懷疑。
尤其是做一些有用戶頭像的界面,很多人選擇的用戶頭像對(duì)于整體也有很大的影響力。盡可能的不要去選擇隨便的一張照片,而是盡量去選擇明星寫真作為頭像。因?yàn)槊餍菍懻娑际腔ň拶Y找頂級(jí)攝影師拍攝的,所以圖片的質(zhì)量非常高,不需要你去做太多的調(diào)整。還有,有些老板或者客戶,他會(huì)潛意識(shí)的意淫自己就是用戶,你用的照片就是他自己的感覺(jué),并且如果你選擇的人物恰好是對(duì)方也喜歡的,那你知道,他更加覺(jué)得你是個(gè)”有品味的人”。請(qǐng)不要鄙視這一點(diǎn),人的心里有時(shí)候就是那么有趣,不然淘寶店的衣服就不會(huì)那么好賣了。同時(shí)不得不說(shuō),明星長(zhǎng)的就是好看,你不得不去承認(rèn)。
有一點(diǎn)想建議的是,盡可能的不要用動(dòng)漫人物,哪怕你和我一樣是海賊王忠實(shí)粉絲,但是你的設(shè)計(jì)出現(xiàn)動(dòng)漫人物顯得特別孩子氣,扣50分。還有雖然不想 提,但是仍然有不少的人有這個(gè)問(wèn)題,拉伸圖片,負(fù)分!
信息
展示信息這個(gè)問(wèn)題,實(shí)際上偏向交互的問(wèn)題。我們還是放下內(nèi)在深層的含義,說(shuō)說(shuō)表面上的視覺(jué)。首先你設(shè)計(jì)的界面是有一個(gè)比重的,如果你的字多,那么用戶視覺(jué)中心就在文字上,如果你的字少,那么視覺(jué)中心就在圖上。
其次,對(duì)于一些信息量豐富的界面,能簡(jiǎn)則簡(jiǎn),能隱藏的隱藏,能弱化的弱化。信息文字顏色也非常重要,你的黑色不需要全黑,多去嘗試一下灰色的信息文字,絕對(duì)對(duì)你的整體設(shè)計(jì)加分。
還有,你的文字顏色帶一點(diǎn)點(diǎn)環(huán)境色的影響,更加提升你的整體品質(zhì),這是大多數(shù)人看不到細(xì)節(jié),但是卻是內(nèi)在非常有影響的事情元素。
版式
版式,嗯,又是一個(gè)有深?yuàn)W研究的問(wèn)題。對(duì)于版式的研究,大家可以多去看看平面設(shè)計(jì)師的分享,里面需要講究的事情非常多。我們?cè)谶@里主要說(shuō)說(shuō)一些要注意的問(wèn)題。
文字和邊界保持距離。保持一定距離是必須的,這樣才能讓你整個(gè)頁(yè)面有呼吸感,并且你的呼吸要均勻,就是說(shuō)你的周圍邊距盡可能的一樣,這既可以保持整齊,又遵守了規(guī)范。
不要超過(guò)三種字體。其實(shí)最好就控制在兩種字體最好,甚至只有一種。這一點(diǎn)的意思和我們最開(kāi)始說(shuō)的是相輔相成的,你的設(shè)計(jì)盡可能的去簡(jiǎn)化信息文字,當(dāng)用戶剛剛習(xí)慣一種、兩種字體以后,你又要再制造新的識(shí)別度,會(huì)讓人感到潛在疲勞。而且,越是閱讀類的界面設(shè)計(jì),越要注意這個(gè)問(wèn)題。
居中不一定是最好選項(xiàng)。很多朋友在排版的時(shí)候經(jīng)常居中,我不知道這和我們祖國(guó)喜歡保持中立、中庸?fàn)顟B(tài)是不是有相互聯(lián)系?其實(shí)在前幾年我也經(jīng)常采用居中的排版,因?yàn)槲覍?shí)在是不知道是放在左邊好,還是放在右邊好。好的版式應(yīng)該盡可能的使用左對(duì)齊或者右對(duì)齊,畢竟你又不是音樂(lè)播放器歌詞。
好了,以上這些是設(shè)計(jì)中比較基本的細(xì)節(jié)以及一些小點(diǎn),相信一定會(huì)讓朋友們的設(shè)計(jì)有了很好的提升,最后祝大家一稿過(guò)不會(huì)再改來(lái)改去!
來(lái)自:uisdc
本文地址:http://m.pkvc.cn/tutorial/di2169.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏