2024-5-16 資深UI設(shè)計(jì)者
寫這篇文章的目的,既是整理自己平時(shí)的一些思考和想法,以輸出的形式來加強(qiáng)記憶;也是希望文中所寫的點(diǎn)能夠給大家?guī)硪恍椭?/p>
作為設(shè)計(jì)師的我們總會(huì)在自己的閑暇時(shí)間去做設(shè)計(jì)有關(guān)的練習(xí),那么我們到底有沒有深入思考過我們?cè)趺慈ゾ毩?xí)以及如何思考才是最有效的呢?也許有的人練習(xí)了很久發(fā)現(xiàn)自己的進(jìn)步速度很緩慢,有的人練習(xí)的不多,但每次輸出的作品質(zhì)量跟上次相比卻提升很多。那么其中的差異到底是出現(xiàn)在哪些方面呢,我之前也一直在思考這方面的問題?,F(xiàn)在將自己領(lǐng)悟出來的一些方法分享給大家,希望能夠起到一些幫助。
前言:什么是最有效的學(xué)習(xí)方式
在開始正文之前,我希望大家能夠理解什么是最有效的學(xué)習(xí)方式。在當(dāng)前的大環(huán)境下,各個(gè)平臺(tái)學(xué)習(xí)類的教程或者文章層出不窮,我們似乎總是有學(xué)不完的知識(shí),每天也都在積極地學(xué)習(xí),當(dāng)時(shí)看完覺得收獲頗豐,但一天工作下來也許看過的東西就忘了50%,甚至過了一周后發(fā)現(xiàn)自己已經(jīng)什么都忘了。
那么你有沒有思考過為什么會(huì)產(chǎn)生這樣的結(jié)果呢?對(duì)于自身的學(xué)習(xí)和思考方式我們是不是還有待改進(jìn)的方法?我們可以先來了解一下學(xué)習(xí)金字塔這個(gè)模型:
學(xué)習(xí)金字塔是美國(guó)緬因州的國(guó)家訓(xùn)練實(shí)驗(yàn)室研究成果
從圖上我們可以看出,我們平常用的最多的聽講或者閱讀的學(xué)習(xí)內(nèi)容留存率[兩周以后還能記住內(nèi)容的多少]僅僅只占5%~10%這個(gè)區(qū)間,而討論/實(shí)踐/教授給他人等這種需要自身參與性強(qiáng)的學(xué)習(xí)內(nèi)容留存率則高達(dá)50%-90%,平常通過閱讀等獲取信息很容易遺忘的原因也有一部分在于此。
不難發(fā)現(xiàn),前四類的學(xué)習(xí)行為都是屬于被動(dòng)輸入型學(xué)習(xí),而后三類學(xué)習(xí)行為則是屬于主動(dòng)輸出型學(xué)習(xí)。這也就是常說的“最有效的輸入方式就是輸出”。
因此要想提高聽講或者閱讀的學(xué)習(xí)內(nèi)容停留率,我們需要將被動(dòng)輸入轉(zhuǎn)化成主動(dòng)輸出,即我們?cè)谶M(jìn)行這類活動(dòng)時(shí)需要調(diào)動(dòng)大腦積極思考,將大腦接觸到的信息與我們已經(jīng)掌握的知識(shí)產(chǎn)生關(guān)聯(lián),去想一下我看了這些內(nèi)容可以運(yùn)用在哪些方面以及怎么去運(yùn)用,并在最后真正用于實(shí)踐[經(jīng)歷過實(shí)踐去輸出你才會(huì)發(fā)現(xiàn)那些潛在性的問題]。我們才能更為有效地去消化一篇文章或教程。好了,希望大家看完能積極思考一下本文所闡述的內(nèi)容,能夠擁有一些不一樣的收獲就是我寫這篇文章最大心愿。那么接下來進(jìn)入正題。
01 明確自己的設(shè)計(jì)目的
做任何事情都應(yīng)該擁有一定的目的,因此我們?cè)陂_始一項(xiàng)設(shè)計(jì)練習(xí)時(shí),第一件需要做的就是確定我們的練習(xí)目的,即你通過這次練習(xí)想要表達(dá)什么,這種表達(dá)可以是技法的展現(xiàn)或者說內(nèi)心情感的表達(dá),只有明確當(dāng)前的目的性,你才能有更精準(zhǔn)的方向。
但很多人會(huì)發(fā)現(xiàn)即使自己設(shè)立了目的卻總是會(huì)因?yàn)楦鞣N原因而中途放棄掉,那么能讓我們?nèi)?jiān)持完成目的的核心是什么呢,就是去量化你的目的和設(shè)立明確的截止日期。量化目標(biāo)就是要將你的大目標(biāo)分解到具體每一天應(yīng)該完成的小任務(wù),這樣拆解不僅降低了目標(biāo)的難度,也能清楚知道每天該做什么,有明確截止日期的話就能避免拖延。
比如拿“在一個(gè)月內(nèi)我的練習(xí)目的是做電影界面的設(shè)計(jì)“和”在1月1日至1月30日期間我要完成30張電影界面“相比,顯而易見后者的目標(biāo)更具象,更具操作性。只要我保證每天一張界面,即可在規(guī)定時(shí)間內(nèi)完成任務(wù),偶爾如果遇到特殊事件也能及時(shí)彌補(bǔ)落下的部分。前者模糊不清的目標(biāo)很容易讓我們?nèi)齑螋~兩天曬網(wǎng),一張界面也是練習(xí),一百?gòu)埥缑嬉彩蔷毩?xí),也許一個(gè)月下來發(fā)現(xiàn)自己就做了那么幾張界面,完全達(dá)不到練習(xí)效果。
02 目標(biāo)的確立要跳出我們的舒適區(qū)
很多人會(huì)說,我確立了明確的目標(biāo)啊,也有在堅(jiān)持練習(xí),可一段時(shí)間下來卻感覺自己的能力沒有很明顯的提高。這有可能就是你的目標(biāo)建立出了問題。那么怎樣的目的才能最有效地提升我們自身的能力呢,在我看來跳出自身舒適區(qū)去建立目標(biāo)效果才是最正確的。
舒適區(qū)指的是一個(gè)人所表現(xiàn)的心理狀態(tài)和習(xí)慣性的行為模式,人會(huì)在這種狀態(tài)或模式中感到舒適。舒適區(qū),又稱為心理舒適區(qū)。
如果你發(fā)現(xiàn)你每次確立的目標(biāo)自己都能夠很輕松愉快地完成的話,那么你可能只是一直在自己的舒適區(qū)內(nèi)做著重復(fù)性的工作, 對(duì)自身的能力提升并不會(huì)出現(xiàn)顯著變化,也就是常說的那句話“你不是有五年工作經(jīng)驗(yàn),而是把一個(gè)經(jīng)驗(yàn)用了五年!“
跳出舒適區(qū),指的是來到學(xué)習(xí)區(qū),去有意識(shí)地練習(xí)那些你了解過,但是不能熟練應(yīng)用的技能。例如你對(duì)界面的設(shè)計(jì)已經(jīng)比較熟練了,但是你對(duì)交互動(dòng)效這一部分仍然感到比較陌生,那么如果繼續(xù)堅(jiān)持界面練習(xí)可能只是簡(jiǎn)單在堆積你的練習(xí)數(shù)量,這時(shí)你更應(yīng)該去嘗試一下界面的一些交互效果并將其制作出來。
這樣你就可以將你已經(jīng)掌握的知識(shí)與并不熟練的知識(shí)連接起來,從而能夠更高效地學(xué)習(xí)和吸收新的知識(shí)。前期盡量選擇簡(jiǎn)單的效果練習(xí),循序漸進(jìn),以此來建立你的自信心,不要急于求成而誤入恐慌區(qū),妄想在幾天之內(nèi)就能夠做出和從業(yè)幾年的大神一樣的高難度復(fù)雜效果,那樣不僅學(xué)習(xí)效果差,還會(huì)打擊你的自信心,造成反效果。
03 多看的重要性以及怎樣去看
相信大家對(duì)于多看這一點(diǎn)已經(jīng)是耳熟能詳?shù)脑~匯了,曾經(jīng)也聽過很多次大神分享,無一不提及多看多練這種類似的話。那么你有沒有深入思考過為什么很多高手都在提及這一點(diǎn)呢,我們所謂的看和他們的看是否說的是一個(gè)概念呢?
牛頓曾說“我之所以比別人看得遠(yuǎn)一些,是因?yàn)槲艺驹诰奕说募绨蛏?rdquo;,那么在我的理解范圍內(nèi),多看即是站在巨人的世界里看設(shè)計(jì)。
在諸如國(guó)內(nèi)網(wǎng)站站酷/UI中國(guó)以及外國(guó)網(wǎng)站dribbble/behance等平臺(tái)上,我們可以找到很多優(yōu)秀的設(shè)計(jì)作品(在看的過程中可以不要只是局限于UI設(shè)計(jì),可以更多地看看首頁(yè)的其他作品,能夠最大限度地提高你的審美),遇見好的作品我們不要只停留在視覺表面,要學(xué)會(huì)去分析好的設(shè)計(jì),以及與我們自身所做的界面產(chǎn)生對(duì)比。
分析最直接的方式就是自我提問。“這個(gè)設(shè)計(jì)我為什么會(huì)覺得它好看,是顏色的搭配吸引了我,還是版式的設(shè)計(jì)非常合理,又或者是整體的配圖非常和諧?”當(dāng)然,你還可以更近一步——“顏色的搭配是哪里吸引了我,是對(duì)比色用得非常合理,還是整體色彩的占比非常平衡,又或者說是顏色的明度和飽和度搭配得非常好看?“
最重要的是要聯(lián)想到自己已經(jīng)掌握的知識(shí),將你發(fā)現(xiàn)的好的方面與自己的知識(shí)進(jìn)行結(jié)合。“如果我下次在做界面練習(xí)的時(shí)候,我該怎么去使用這種色彩搭配,如果換成其它顏色,我有沒有能力將它搭配得像這樣和諧美觀?“
這樣自我提問的方式最終目的是將好的東西內(nèi)化為自己的知識(shí),否則你看再多的東西,也只是你每天所接觸的信息而已,過眼即忘,并不能有效轉(zhuǎn)化成為你的設(shè)計(jì)認(rèn)知。當(dāng)然,你要將那么好看的設(shè)計(jì)都收進(jìn)你的素材庫(kù)里,好記性不如爛筆頭,建立素材庫(kù)就是為了讓我們更好地去復(fù)習(xí)我們?cè)?jīng)欣賞和思考過的東西。
自己的eagle資料庫(kù)
04 不找參考的設(shè)計(jì)都是耍流氓
畢加索曾說過這樣一句話:好的設(shè)計(jì)師借鑒,偉大的設(shè)計(jì)師偷。喬布斯也曾說過類似的話。舉個(gè)例子,我們可以先看左邊一個(gè)比較古老的界面-施樂公司70年代的界面,再看右邊喬布斯拿來改進(jìn)的做的macintosh界面:
以及經(jīng)過改良后的macintosh界面,然后比爾蓋茨在看過這個(gè)設(shè)計(jì)后而做出的關(guān)于微軟的界面
看了上面兩幅對(duì)比圖,我們可以發(fā)現(xiàn),偉大的人在創(chuàng)作時(shí)也需要找參考,但他們都是盡量吸收參考好的部分,然后加入自己的思考和理解,去創(chuàng)造更好的東西。他們并不是說憑空就可以創(chuàng)造出經(jīng)典的東西。
所以說,找參考是設(shè)計(jì)過程中非常關(guān)鍵的一個(gè)步驟,在找參考的過程中,就相當(dāng)于你在和其他優(yōu)秀的設(shè)計(jì)師對(duì)話。因?yàn)橐粋€(gè)設(shè)計(jì)師的腦容量是沒法與全世界設(shè)計(jì)師的腦容量相比的。雖然參考不一定是你做設(shè)計(jì)的標(biāo)準(zhǔn),但卻能對(duì)你的創(chuàng)意和設(shè)計(jì)帶來一定的方向和靈感。因此我們?cè)陂_始一項(xiàng)新的設(shè)計(jì)目標(biāo)前找參考,去觀察別人的作品是怎樣表現(xiàn)的,他們?cè)O(shè)計(jì)的東西出彩的地方在哪里,和我心中所想的有哪些不一樣,我該怎么在我的設(shè)計(jì)中去融合那些出彩的東西。
只有當(dāng)你找到足夠多的參考,你的心中才會(huì)有一定的衡量的標(biāo)準(zhǔn),才會(huì)知道好的設(shè)計(jì)和壞的設(shè)計(jì)差距在哪里。最終體現(xiàn)在你所做的設(shè)計(jì)上。也許有人會(huì)說,有的厲害設(shè)計(jì)師感覺都不怎么找參考,那是因?yàn)樗麄兊哪X海中已經(jīng)積累了足夠的參考來讓他們自由調(diào)動(dòng)。
05 你在設(shè)計(jì)時(shí)是否做到了專注
我們可以做一個(gè)小實(shí)驗(yàn),在自己手機(jī)上下一個(gè)Forest[番茄時(shí)鐘],設(shè)定兩個(gè)小時(shí)的設(shè)計(jì)練習(xí)時(shí)間,看看在這個(gè)持續(xù)時(shí)間內(nèi)你有多少次會(huì)情不自禁地拿起手機(jī)看消息。(我在做這個(gè)測(cè)試的時(shí)候會(huì)發(fā)現(xiàn)有很多次都會(huì)無意識(shí)拿起手機(jī)看信息),由此可見我們即使是在練習(xí)時(shí)間內(nèi)也會(huì)存在很多浪費(fèi)時(shí)間的小動(dòng)作,如果丟掉這些小動(dòng)作,我們?cè)谟邢迺r(shí)間內(nèi)的產(chǎn)出將會(huì)大大提升。
我也是在前些日子看《深度工作》這本書時(shí)才意識(shí)到專注工作的重要性。書中說:想要迅速掌握困難的技能,你必須高度專注,不能有任何干擾。高質(zhì)量工作產(chǎn)出=時(shí)間x專注度。而現(xiàn)實(shí)中的我們往往是花費(fèi)了很多時(shí)間,卻由于自己的專注度很低,導(dǎo)致整體效率和產(chǎn)出都大打折扣。我想這也能解釋為什么都是在同樣的時(shí)間內(nèi),每個(gè)個(gè)體的成長(zhǎng)度都不一樣,成長(zhǎng)快的人會(huì)把單位時(shí)間的效率發(fā)揮到極致。
因此在每次給自己規(guī)定設(shè)計(jì)練習(xí)時(shí)間的過程中,盡量找一個(gè)安靜不受打擾的環(huán)境,將手機(jī)設(shè)置成番茄時(shí)鐘模式,保持高度的注意力去完成自己的練習(xí)目標(biāo),你會(huì)發(fā)現(xiàn)你比平時(shí)用了更少的時(shí)間卻做出了更好的東西。
06 對(duì)于規(guī)范的理解
我們應(yīng)該知道,UI設(shè)計(jì)不同于繪畫以及平面設(shè)計(jì),它是基于一定限制而進(jìn)行的設(shè)計(jì)活動(dòng),而這些限制我們稱之為設(shè)計(jì)規(guī)范。就像你在開始游戲之前需要知道游戲規(guī)則一樣,我們?cè)陂_始設(shè)計(jì)前也是必須要了解相應(yīng)的設(shè)計(jì)規(guī)范的。比如狀態(tài)欄的高度,底部圖標(biāo)的大小,間距的大小,字號(hào)的規(guī)范等,在這里不做詳細(xì)解讀。也許剛?cè)胄械娜藭?huì)覺得設(shè)計(jì)規(guī)范限制了設(shè)計(jì)的發(fā)揮性,但其實(shí)規(guī)范只是讓你能夠朝著一個(gè)統(tǒng)一的方向和保持基本數(shù)值的準(zhǔn)確性,但卻依然能夠給設(shè)計(jì)很大的發(fā)揮空間。就像之前看到的一段話:[此處將其做成了一個(gè)圖片]
也許看完這個(gè)你更能理解規(guī)范對(duì)于UI的一種作用,盒子就像我們的手機(jī),展示空間就那么大,你需要在一定的限制內(nèi)發(fā)揮你最大的能力去做出好的設(shè)計(jì)。
因此,當(dāng)我們?cè)诰毩?xí)app界面時(shí),心中一定要有自己的一套規(guī)范(不論是否做出來),執(zhí)行過程中嚴(yán)格按照定義的基礎(chǔ)規(guī)范來,從而更能夠高效地完成練習(xí)任務(wù)和保證界面的統(tǒng)一性。
07 學(xué)會(huì)建立自己的界面走查表
就像在學(xué)校時(shí),老師總是強(qiáng)調(diào)我們?cè)嚲泶痤}完成后一定要進(jìn)行自我檢查去排除一些不該犯的錯(cuò)誤。同理,設(shè)計(jì)也是一樣,每當(dāng)我們初步完成了設(shè)計(jì)界面后,我覺得最重要的也是進(jìn)行自我檢查,排除一些界面常見的錯(cuò)誤。當(dāng)然,我說的走查并不是單純看文字等顯而易見的錯(cuò)誤,而是按照一個(gè)優(yōu)秀的界面要求去走查我們的界面:
設(shè)計(jì)風(fēng)格統(tǒng)一了嗎?
界面的整體設(shè)計(jì)風(fēng)格是否統(tǒng)一,符合產(chǎn)品調(diào)性。顏色的使用/圖標(biāo)的設(shè)計(jì)風(fēng)格/圓角大小的統(tǒng)一等;
圖片是否清晰?有無版權(quán)?
你在整個(gè)設(shè)計(jì)界面所使用的圖片是否是高清的,有無模糊或者水印,圖片是否會(huì)構(gòu)成侵權(quán)等,一個(gè)低質(zhì)量的圖片會(huì)瞬間讓你的界面下降了一個(gè)檔次;
信息層級(jí)拉開了嗎?
做的界面整體的字號(hào)大小是否有重點(diǎn)區(qū)分,能不能清晰地看出文字的層級(jí)關(guān)系,元素間距有沒有符合各層級(jí)的對(duì)比關(guān)系;
投影用對(duì)了嗎?
你的投影考慮了環(huán)境色的影響嗎,如果用純黑的投影會(huì)讓整個(gè)投影看起來非常沉重;
你的界面有呼吸感嗎?
你的界面看起來會(huì)不會(huì)很擁擠?不要堆得滿滿的,注意留白以保持元素的呼吸感,從而讓界面更耐看;
對(duì)齊了嗎?
不論你是工作幾年還是剛?cè)胄械男氯?,都一定不要忽略這個(gè)問題。左對(duì)齊右對(duì)對(duì)齊以及居中對(duì)齊。說起來很簡(jiǎn)單,但不要因?yàn)檫@個(gè)錯(cuò)誤的發(fā)生而讓別人質(zhì)疑你的專業(yè)性;
以上列舉了一些部分常見的界面問題走查,還有更多的界面基本問題值得大家去留意。我認(rèn)為走查表的建立還是應(yīng)該基于自身的經(jīng)驗(yàn)來制定,那樣不僅會(huì)更符合你的設(shè)計(jì)風(fēng)格,更會(huì)讓你走查起來更加高效。剛?cè)胄械耐瑢W(xué)的話可以多看看高手關(guān)于界面精度提升的一些建議來作為自己的走查參考。
08 不要閉門造車,走出去
相信通過走查表的建立會(huì)讓你發(fā)現(xiàn)一部分的問題,但礙于自己的審美水平以及理解能力,我們很難去完全找出自己的問題。也就是說,當(dāng)我們通過走查表糾正了一些常見問題后,我們要學(xué)會(huì)向大神們?nèi)フ?qǐng)教問題。
通過你認(rèn)識(shí)的一些大神或者在設(shè)計(jì)群里發(fā)出自己的界面,讓其他更厲害的人去發(fā)現(xiàn)你界面的其它問題,這樣會(huì)讓你意識(shí)到一些你不曾發(fā)現(xiàn)的問題,從而提高你的判斷能力和界面水平,督促自己的進(jìn)步。當(dāng)然,不要把請(qǐng)教別人當(dāng)成一件理所當(dāng)然的事情,學(xué)會(huì)向那些給你提出界面修改意見的人們說一聲謝謝。(在這里也謝謝曾經(jīng)幫助過我的那些可愛的人們~)
寫在最后:少熬夜多鍛煉,注意身體健康
在這里想向廣大辛苦奮斗的設(shè)計(jì)師們說一句,每次做完設(shè)計(jì)練習(xí)還有時(shí)間就多多鍛煉吧,身體從來就是我們奮斗的本錢,只有身體健康才能更好地作圖呢。所用時(shí)間的長(zhǎng)短從來不是衡量一個(gè)人厲害的標(biāo)準(zhǔn),熬夜不一定代表就能夠做出更好的界面,專注和高效才是我們應(yīng)該學(xué)會(huì)的方式,希望大家在新的一年能夠用更少的時(shí)間做出更精致的界面。
Ps:文章已經(jīng)看完了哦,在這里希望你能回顧一下之前講的那些方面,看看自己還能記得多少,哪些記不得,原因在哪里。希望這篇文章能夠帶給你一定的幫助。感謝看到這里,要是能點(diǎn)個(gè)贊就更好啦o(* ̄▽ ̄*)ブ)
藍(lán)藍(lán)設(shè)計(jì)(bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
作者:蒙東東
鏈接:https://www.zcool.com.cn/article/ZODcyOTI0.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://bouu.cn