提升UI設計視覺效果的5個角度

UI設計是一個拼盤,學習從來都要全盤考慮

我曾經寫過渡嚣,UI設計是一個拼盤梢睛,它需要把版式設計肥印、字體設計、配圖設計绝葡、插畫設計深碱、攝影后期等所有與視覺有關的內容都全部綜合在一個拼盤里,這個拼盤呈現的形式藏畅,可以是APP界面敷硅,或者網頁界面。

所以愉阎,學習UI設計绞蹦,歸根到底,是對拼盤里的內容進行組合裝配的過程榜旦。今天我們這篇文幽七,就是試著回答經常收到的網友私信關于UI設計學習的問題:我應該怎樣提高UI設計呢?

我一方面從技法上給大家一點學習建議溅呢,一方面主要從大環(huán)境澡屡,更高的維度來闡述這個看似只是職業(yè)技巧的問題。也許它不是職業(yè)技巧咐旧,而更甚是一個哲學問題驶鹉。

搞清楚這一點,對你的職業(yè)生涯尤其重要休偶,你能獲得學習提升的方向梁厉,也能幫助你判斷你的工作價值感在哪里。

一踏兜、你了解你的金主爸爸嗎词顾?

你的UI界面出稿,最初的觀者受眾碱妆,是你的甲方爸爸肉盹。也可能是你的上級BOSS。他們的審美疹尾,其實就是你的UI界面審美的第一道關卡上忍。

如果他們的審美趣味比較老套,估計你想潮起來也沒機會纳本。參考dribbbble窍蓝?別開玩笑了。認真點開國內那些廣告飄來飄去的門戶大網站繁成。最好還能是他們所屬行業(yè)里前三的那種水平吓笙。對于金主爸爸們來說,絕大多數(不排除有另類者)都是以“利潤多”為目標的巾腕。你也可以在這里把利潤換成流量面睛。

審美能直接帶來利潤嗎絮蒿?這篇文章不好直接回答這個問題,但是叁鉴,你一定要知道土涝,審美高,不是在職UI設計師們的第一追求目標幌墓。accept it!

潛在提升對方的審美值

能潛移默化提升甲方的審美但壮,這點非常關鍵。而能影響對方的前提克锣,是你要用你的專業(yè)去征服對方茵肃。而不是和對方硬杠。

很多時候袭祟,我們以為boss并不關心我們的行為验残,其實,他只是表現出不在意的樣子巾乳,目的是為了讓你放松您没,表現出最真實的你。而他也在這一過程中默默觀察你胆绊。

所以氨鹏,如果你能給他以”專業(yè)“的印象,那么這個印象就會提高你在工作過程中的話事權压状。

人與人之間的關系仆抵,其實就是一個潛在的能量拉鋸過程。你要增加自己在職業(yè)的能量值种冬,類似把你的職業(yè)系數開大镣丑。你首先要接受這份雇傭關系,既然是關系娱两,就必定在尋找一種平衡莺匠。如果你弱了,他自然就要強壓你十兢,讓你難受趣竣,讓你996,讓你改稿改到噴血……如果你強了(至少在專業(yè)上強)旱物,他認為你值得這份工資的支出遥缕,自然就會尊重你、怕你跳槽宵呛、聽你的意見……

如果不是奇葩上司或甲方通砍,這份關系的建立,就是如此簡單。

所以封孙,如果遇到一個審美偏低的金主爸爸,讓自己的專業(yè)去影響對方讽营,就能達到提升自己的作品視覺的效果虎忌。

二、眼界來自你的手橱鹏,更多來自你的心膜蠢,和眼睛沒關系

眼睛的審美是貪婪的,沒有天花板的莉兰。之所以你覺得自己做的作品不好看挑围,其實還是因為看過其他更好看的作品。

而好看是什么糖荒?其實我覺得很少人會思考這個問題杉辙。如果說好看就是流行,就是打開dribbble捶朵、Behance里那些推薦作品蜘矢,然后讓他們來告訴我們好看的設計就應該是這樣,那么我們的審美其實也是很被動的综看。

這又是一個哲學問題品腹。但是我們還是不要活得這么復雜吧舞吭,回到技術層面羡鸥。

要好看的界面兄春?很簡單赶舆。每天對著Dribbble上排名top的作品進行臨摹就可以了芜茵。臨摹不要想太多九串,就是做猪钮。做的過程烤低,會告訴你所有的答案扑馁。

臨摹會帶來什么

臨摹的過程會有一種“再經歷一遍創(chuàng)作者的design過程”的感覺腻要。首先你會從排版上發(fā)現,哇效诅,原來這樣排版更好看咳短,文字可以用這種方式排在一起篡腌。

沒有圖片素材也沒關系嘹悼,原作素材的缺席剛好是你的學習點的開始。打開圖片網站限匣,搜索一張和原來素材類似的圖片米死。然后再和文字組合峦筒,看看和原作有什么不同物喷。

下圖左邊是網上找來的原作卤材,右邊是根據原作所做的臨摹。

很多借鑒的好作品扇丛,大都是英文排版宠进。試著換成中文排版晕拆,看看怎樣把中文變得好看材蹬。如果直接用英文,的確在視覺上很省事吝镣。但是堤器,你的金主爸爸未必會同意末贾,你們的營銷策略也大概率不會答應拱撵。

以下就是經過中文洗禮以后的APP界面設計:

所以,如果是經常做商稿集索,就要有心里有準備妆距。臨摹時也要有所調試。最好的臨摹函匕,就是能超越原作娱据。

通過手的訓練,提升了你的審美感受力盅惜。起碼能追到最流行的視覺節(jié)奏中剩,出稿就“下筆如有神”。這種“神”酷窥,甚至不需要你每次設計就打開參考圖庫咽安,而是能直接從大腦中取貨。

三蓬推、你的原創(chuàng)力

雖然現在網上有很多優(yōu)秀作品妆棒,但是,有原創(chuàng)感的優(yōu)秀作品,其實非常非常少糕珊。因為多少大家都在相互借鑒动分,能完全獨創(chuàng)的其實非常稀缺。

你的金主爸爸或許不會給你時間原創(chuàng)红选。但是你要把原創(chuàng)列為自己職業(yè)生涯一個非常階段性的重大目標澜公。

你的原創(chuàng)力決定了你的職業(yè)生涯長短

設計師最大的能量原點,就是你的idea喇肋。這我在《沒有美術基礎的設計師怎樣學習插畫》這篇文章中也談到了坟乾。很多設計師之所以沒有在這行堅持下去,也是因為這個點沒辦法突破蝶防。

很多人說設計師是美工甚侣,美工也許是對沒有原創(chuàng)力的設計師的一個統(tǒng)稱。但我其實很想為美工正名间学,美工未必沒有原創(chuàng)力殷费。美工側重“工”,只是側重點不一樣低葫。并無高下之分详羡。

任何工作,只要丟失了原創(chuàng)力嘿悬,就會容易被取代实柠。一個人如果做街道清潔做得有創(chuàng)造力,他就不再是普通的清潔工鹊漠,而可能是環(huán)衛(wèi)專家主到。一個如果做農活做得有原創(chuàng)力,他就可能是一個田園生活方式博主躯概。

一份工作能否給你帶來價值感登钥,也是以“原創(chuàng)的比例”作為基準的。原創(chuàng)的比例越大娶靡,你在這份工作中的能動性越強牧牢,就越能給自己帶來成就感。

而你應該怎樣迎來你的爆破點呢姿锭?

在沒有原創(chuàng)力的時候塔鳍,我每天都很焦慮。除了臨摹呻此,沒有別的辦法轮纫。所以每次能出稿,打開ps焚鲜,我都很開心掌唾。因為只要練一次放前,就有一次的提升。這和積累積分是一樣的糯彬。

這次原創(chuàng)的不好看凭语?沒關系,已經積下1分了撩扒。這次沒有完全原創(chuàng)似扔?沒關系,下次多增加一點原創(chuàng)的配比搓谆。

用積分的心態(tài)去提升自己炒辉,就能部分消減掉無法原創(chuàng)的焦慮。所以泉手,很多人說我勤奮辆脸,其實大概也就是與其刷劇看小視頻,我更愿意在這里積分罷了螃诅。

不要害怕丑!

那天看綜藝状囱,聽到一個人講:“一個人只有擺脫自戀术裸,才是真正成長了”。這句話特別能共鳴到我亭枷。

很多人之所以不能原創(chuàng)袭艺,只是因為害怕被人說不好看。所以叨粘,只能借鑒別人的作品作為設計的開始猾编。這段經歷是必經之路。

但是到了一定階段升敲,這樣的開始就會帶來限制答倡。如果有天斷網了,你就沒辦法創(chuàng)作驴党。如果你的金主爸爸要你畫一畫APP的改版思路瘪撇,你的下意識反應是“等我打開dribbble參考看看”。這已經很危險了港庄。

雖然很多人已經習以為常倔既,但我卻感覺這不是正常的。設計師難道不應該是立刻抓起筆來就能畫嗎鹏氧?之所以雷同的APP界面這么多渤涌,大家的習慣造就了我們的現實。

作為一個自由設計師把还,我最大的自由大概就是有時間表現得真實且不好看实蓬。作為一個在職設計師茸俭,這需要你擠出時間留給你的未來。

切換到boss的維度再來看原創(chuàng)的價值

當你拿著你的作品集準備簡歷的時候瞳秽,如果你能原創(chuàng)作品瓣履,并且驕傲的打出原創(chuàng)二字,提出你的原創(chuàng)思路练俐。你的作品集肯定是會比其他(或許看起來更高大上袖迎,但是沒有原創(chuàng)力的作品)更有機會得到面試機會。

相同的薪資水平下腺晾,boss更青睞的是哪一種設計師呢燕锥?

如果你正在找工作,或者考慮跳槽悯蝉,你永遠要切換到boss的維度上归形,他請一個人是來做什么的? 他為什么要招人鼻由?

他請的設計師如果只是按他的命令暇榴,他給的參考圖片來畫,他在心中給這個員工的分數最多就是一個及格分蕉世。當然蔼紧,他不會隨便炒掉你,但是一有機會狠轻,一定會想辦法換掉你奸例。而如果你能畫出他沒見過的更優(yōu)秀的作品,情況肯定會完全不一樣向楼。

這里的Boss可能又會分為大公司和小公司查吊,大小公司是相對不同的運作模式。大公司一般走得是概念風湖蜕,他們花得起錢逻卖,所以更重視品牌的傳遞。小公司其實也分很多種類重荠,但小公司一般都是Boss個人的人格化的體現箭阶,因此熟悉boss,摸清他的風格比較重要戈鲁。

但不管怎樣仇参,原創(chuàng)力一定不止你的工作能力。而也是你的表達力的體現婆殿。表達马篮,只有熟能生巧古拴。自由的表達,能幫助這家企業(yè)輸出其內在價值却盘。這也就能更大帶來企業(yè)的收益凑队。這是金主們的最愛。

四、UI設計師的素材庫

很多人對素材庫的概念就是付費的圖庫。畢竟網上現在的付費圖庫已經手到擒來了员帮。好照片,當然有导饲。佼佼者卻不多捞高。

要用好素材,我們的UI設計就成功了一大半渣锦,可以說設計UI的過程硝岗,其實就是處理和組合素材的過程。下面我們可以把UI設計所需要的素材大致分為四類:

圖標元素

其實現在UI常用的圖標袋毙,是以簡約的線體為主的圖標型檀。網上已經有很多免費的UI線體圖標給大家下載。如果UI界面不是特殊的行業(yè)類圖標的話听盖,常用的胀溺,比如:用戶、主頁皆看、推薦月幌、購買、登錄悬蔽、郵箱、電話捉兴、客服……等這類圖標的可選擇量是非常豐富的蝎困。

但是一旦涉及到特殊的圖標,網上就未必能找到合適的資源倍啥。如果直接拿別人的素材資源禾乘,一旦要 用到特殊的圖標時,如果找不到同類風格的圖標虽缕,這時就很棘手始藕。這就需要你能自己根據原有的風格線索來畫。

配圖

配圖我們可以分為兩類氮趋,一類是Banner類的視覺比例偏大的圖片伍派。這類圖片可以是攝影或者插畫,通常剩胁,Banner的位置出現在頭部诉植,所以要求畫質高清且層次豐富。

單純靠一張攝影作品就做出頭部Banner的時代過去了昵观,取而代之的是插畫或者對攝影做更進一步的視覺處理晾腔。而且為了傳遞信息的準確直達舌稀,也會添加相應的文字來豐富畫面。

因此灼擂,光是對頭部Banner的設計壁查,就需要以對待廣告設計的態(tài)度來承接它的設計。但又與此同時剔应,需要和UI界面中其他的元素風格相呼應睡腿。

另一類是其他的圖片信息中的配圖,這類配圖與可能是產品和服務的圖片领斥,如果是在介紹類的文字中出現嫉到,也需要準確的輔助表現信息。

還有一種配圖的方向月洛,也就是利用插畫何恶。直接創(chuàng)作插畫就比去網上找圖片素材來得簡單,表現清楚概念就可以嚼黔。

最后一種配圖的風格就是C4D制作的質感特別高級的立體藝術细层,場景裝置,在電商展示產品的時候用的多一些唬涧。

無論你是用哪一種方式表現配圖疫赎,攝影、插畫碎节、立體……捧搞,都需要一門深入,表達得徹底狮荔。不是懂得越多越好胎撇,而是越深入越好。因此選好一個適合自己的方向非常重要殖氏。

字體

字體是很容易被忽略的元素之一晚树,因為對于UI設計,尤其是中文字體更多依賴系統(tǒng)能提供什么字體雅采,沒有平面設計那么自由爵憎。

但是UI設計師對字體卻要非常小心,尤其是大型的文字婚瓜,比如Banner內的文字宝鼓,可以以圖片形式出現的文字以及英文,都要注意字形對整個界面的影響巴刻。

現在的字體商用版權也非常嚴格席函,因此大家在商用時要特別小心。比較保守的做法就是使用開源的字體冈涧,而想要特別一點的比較大的字體時茂附,最好能自己設計正蛙。

視頻

如果是比較簡單的UI界面,很少會用到視頻营曼。畢竟敢把視頻直接放到自己的服務器里給用戶看乒验,而不是引用外部資源的平臺也不多。視頻的流量真心是貴啊~(我自己的個人網站就用過視頻蒂阱,還好一直比較慶幸流量不大)

交互

UI的交互是交給代碼實現的锻全,但是UI設計師不會代碼,那么就用動效的方式來展示录煤。這樣能把交互概念更完整的遞交給前端鳄厌。

所以UI設計師也需要對交互的體驗多一些了解,尤其要對代碼實現到哪個程度心中有數妈踊。否則你的界面只能是一張圖片了嚎,只有審美功能,沒辦法實現成為真正的界面廊营。

以上幾個方向能拿下歪泳,基本上你的UI界面設計,就算不能登頂露筒,也能在行業(yè)里被眾星捧月膜拜好一陣了呐伞。

其實方向大家都知道,缺乏的只是日積月累慎式。

五伶氢、為自己攢時間

很多人說,你說的都知道瘪吏,但是我沒時間啊鞍历,要加班啊……

記住,當你在說這句話的時候肪虎,你已經進入了一個惡循環(huán),這個惡循環(huán)就是:重復工作無暇顧及自身成長惧蛹,沒辦法成長所以更要努力重復工作……最后到了中年危機扇救,加班加不動的時候,前面來了一大波比你能加班香嗓,還能接受低薪的小年輕迅腔,瞬間成為“被優(yōu)化”的一員。

那么靠娱,如何為自己攢時間應對這一潛在危機呢沧烈?我這里有個辦法就是:不做無謂的時間上的犧牲。

什么是時間上的犧牲呢像云?和別人無休止爭論一個問題锌雀,一年換N家公司蚂夕,反復無常找不到方向,閑聊無意義的虛幻的可能性……總的來說就是做無用功腋逆。這些零碎時間婿牍,完全有可能替換成你的學習成長的時間。

當你覺得自己零碎時間多惩歉,而整塊時間不足的時候等脂,你應該想想為自己做一套時間管理計劃。讓自己多一些自律撑蚌。

比如我一直自由職業(yè)上遥,所以有段時間每天都睡到9點起床,以為自己睡飽了才能工作效率更高争涌,其實相反發(fā)現那段時間工作都沒太多進展粉楚。后來改成7點起床以后,由于早起完成了很多工作第煮,反而一天下來發(fā)現自己能完成的效率比之前高很多倍解幼。

最后,你會發(fā)現包警,其實做一份好的作品撵摆,提高自己的作品視覺效果,這套方法害晦,也能讓自己變成一個更好的人特铝。優(yōu)秀不需要努力的,它只能是一個習慣壹瘟。

?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末鲫剿,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子稻轨,更是在濱河造成了極大的恐慌灵莲,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,104評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件殴俱,死亡現場離奇詭異政冻,居然都是意外死亡,警方通過查閱死者的電腦和手機线欲,發(fā)現死者居然都...
    沈念sama閱讀 94,816評論 3 399
  • 文/潘曉璐 我一進店門明场,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人李丰,你說我怎么就攤上這事苦锨。” “怎么了?”我有些...
    開封第一講書人閱讀 168,697評論 0 360
  • 文/不壞的土叔 我叫張陵舟舒,是天一觀的道長拉庶。 經常有香客問我,道長魏蔗,這世上最難降的妖魔是什么砍的? 我笑而不...
    開封第一講書人閱讀 59,836評論 1 298
  • 正文 為了忘掉前任,我火速辦了婚禮莺治,結果婚禮上廓鞠,老公的妹妹穿的比我還像新娘。我一直安慰自己谣旁,他們只是感情好床佳,可當我...
    茶點故事閱讀 68,851評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著榄审,像睡著了一般砌们。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上搁进,一...
    開封第一講書人閱讀 52,441評論 1 310
  • 那天浪感,我揣著相機與錄音,去河邊找鬼饼问。 笑死影兽,一個胖子當著我的面吹牛,可吹牛的內容都是我干的莱革。 我是一名探鬼主播峻堰,決...
    沈念sama閱讀 40,992評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼盅视!你這毒婦竟也來了捐名?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,899評論 0 276
  • 序言:老撾萬榮一對情侶失蹤闹击,失蹤者是張志新(化名)和其女友劉穎镶蹋,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體赏半,經...
    沈念sama閱讀 46,457評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡贺归,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,529評論 3 341
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了除破。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,664評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡琼腔,死狀恐怖瑰枫,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤光坝,帶...
    沈念sama閱讀 36,346評論 5 350
  • 正文 年R本政府宣布尸诽,位于F島的核電站,受9級特大地震影響盯另,放射性物質發(fā)生泄漏性含。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,025評論 3 334
  • 文/蒙蒙 一鸳惯、第九天 我趴在偏房一處隱蔽的房頂上張望商蕴。 院中可真熱鬧,春花似錦芝发、人聲如沸绪商。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,511評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽格郁。三九已至,卻和暖如春独悴,著一層夾襖步出監(jiān)牢的瞬間例书,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,611評論 1 272
  • 我被黑心中介騙來泰國打工刻炒, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留决采,地道東北人。 一個月前我還...
    沈念sama閱讀 49,081評論 3 377
  • 正文 我出身青樓落蝙,卻偏偏與公主長得像织狐,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子筏勒,可洞房花燭夜當晚...
    茶點故事閱讀 45,675評論 2 359

推薦閱讀更多精彩內容

  • 在這寒冷的夜晚移迫,縣城的街巷上似乎都有人在“游蕩”。 王玉華走了之后管行,高加林他去把宿舍門關上繼續(xù)睡覺去了厨埋,躺在床...
    月下學者閱讀 322評論 0 0
  • 藥駕(drug driving)指駕駛員服用了某些可能影響安全駕駛的藥品后依然駕車出行的現象荡陷,由于這些藥物常用、易...
    謝曉霞閱讀 283評論 0 1
  • 我努力像個心里想的大學生的模樣迅涮,坐在喜歡的位子废赞,聽著老師幽默的言辭,身邊的同學互不認識叮姑,但比較和諧唉地。 且不說今天花...
    一念間_閱讀 58評論 0 0
  • 忙碌的一天結束了耘沼,快速的炒了幾個家常菜极颓,一家三口就坐在柔和的燈光下,歡快地吃著晚餐群嗤,突然菠隆,我的手機響了,有人發(fā)...
    淡淡如許閱讀 473評論 0 0
  • 這徒步回家咋越走越遠呢狂秘?翻過一座座山繞過一條條道骇径,還是沒看到盡頭。一部部私家車從我們身邊越過赃绊,好多好心的司機都...
    8940e82d0318閱讀 442評論 0 1