締造有活氣的品牌網站 晉升用戶休會和品牌代價感
若何能力做出優異的設想?
人氣 3450

在Facebook的校招中,咱們和來自康奈爾的一位操練生停止了一次扳談。在咱們冗長的互動中,我很賞識他身上的一些點,由于他是一個很是具有自我認識的人。他和很多剛參與任務的應屆生一樣,都很獵奇,作為一個設想師須要甚么樣的能力,能力做出優異的設想。


作為一個資深的設想師,須要具有周全的專業技術,并且具有自我診斷認識——這是做出優異設想的關頭,特別是在Facebook。


他分享了他的設想作品,咱們一路來看下,這是他方才起頭正式打仗設想的作品。


faa458591194a801219c776e2d78.jpg

Jon Lee為Nearspace app設想的觀點稿



在Facebook,咱們常常把視覺設想稱為履行力和藝術的連系。為了評估Jon以后的設想程度,并鼓動勉勵他朝著資深設想師的標的目的盡力,我須要在評估他的作品之前向他提一些題目,如許能夠或許更好的領會他的設想企圖。



你是屬于甚么氣概和范例?


你思慮過你的設想氣概嗎?在你的這個作品里,我看到兩種字體范例(標題和內容),最少三種差別范例的尺寸,兩種色彩的范例,居中和左對齊范例。


標題的款式是甚么? 按鈕的款式是甚么?內容模塊的款式又是甚么?



你利用的是甚么款式?


我看到兩種尺寸的文本按鈕,兩種高度的按鈕,兩種描邊和三種色彩,另有帶有圖標的按鈕。


98295859150fa8012060c8f9cd1a.jpg


我看到兩種差別的列表設想,此中一種和現有的卡片設想很類似,包羅的元素有商家稱號,種別和星級評分,而在小我主頁比來帖子的列表款式,看起來則有點像線框稿。


按鈕和列表之間的辨別是甚么?小我信息頁面,卡片、按鈕和列表都用了不異的紅色描邊背景和灰色底, 他們三者間接是不是是是應當有所辨別?



你的設想款式和已有的設想標準哪一種更好?


若是選項能夠或許切換,那末它們能夠或許主動切換嗎? 打消和利用的按鈕是不是是是須要的?點擊打消和點擊前往是一樣的嗎? 右上角的打消能用x取代嗎?我看到有一個重置按鈕不起就任何挑選的感化,這個按鈕另有存在的須要嗎?利用按鈕能夠或許替換重置按鈕嗎?


從用戶休會的角度來看,這個底部導航有須要存在嗎?同一垂直線上的控件是不是是平行?它們都是須要的么?


293758591576a801219c77f2d81c.jpg



邊距標準


四周頁面和小我主頁的內容模塊之間都利用了差別的間距,挑選控件的外邊距更較著,這些邊距利用的準繩是怎樣樣的?


四周頁面模塊的標題筆墨擺布邊距都很小,幾近切近了頁面邊緣,為甚么不必柵格規劃?



圖標是不是是表意清楚



坐位圖標由單個、三個和六個的辨別,這是一個坐位的計數仍是一些坐位數的約莫值?又或是一系列的坐位么?另有更好的體例來抒發嗎?這是“團購”優惠的意義么?有不別的一種體例設想它?


為甚么不較著的標記表現是兩個相反的意義?若是不是是主要的元素,為甚么你要顯現出來這類舉足輕重的元素?初步功效莫非不應當包羅一切可用的選項么?


派(pie)在這里是想抒發派?仍是指代甜點?又或是代指一切食物?飲料象征著甚么?你是假定以為每一個餐廳都能夠或許供給飲料嗎?有更好的分組嗎?



你挑選的設想氣概是分歧的嗎?



我看到在利用下拉挑選功效時,有一些挑選按鈕選項的款式有一些差別。有些按鈕包羅圖標有些又只要筆墨。

一個圖標有角度,其余圖標又不。 WiFi圖標的線最粗,可是插線板的圖標線又很細。 有些是像素化的, 有些不是。有些是玄色的,有些是灰色的。


eb3e585916b4a801219c77dfaeb5.jpg


大大都卡片和按鈕利用了不異的款式:圓角、描邊、色彩添補和氣概。 他們是不是是是太分歧了?究竟結果是兩種差別的內容模塊。



屏幕上一切的元素都是須要的嗎?


在搜刮地區上方有一個朋分線,另有每一個可選選項下方也有一個朋分線。我還看到了此中一個按鈕用了綠色。導航利用了圖標加文本的體例,它們真的須要同時存在嗎?



你怎樣界說你的配色計劃?


你的配色是比擬繁復的暖色彩,除一個高亮的綠色按鈕。你的設想準繩是怎樣樣?并且是利用在哪些處所?


1471585916f8a8012060c8222881.jpg




你的拼寫、語法和標點標記都準確嗎?你的內容有邏輯嗎?



四周和小我主頁的導航常常呈現,可是這個增加是甚么意義? 增加甚么?“可用性”這個單詞拼寫毛病了,并且它真的須要呈此刻這里嗎?


頁面的“瀏覽量”是怎樣計較的?你的頁面標題是過濾器,可是你頭部顯現的是間隔。別的這個頁面能夠或許過濾出坐位數目,Wifi可用性,可用空間和食物飲料。可是你能向你的伴侶們詮釋一下這個頁面的功效是甚么嗎?這個頁面的布局是公道的嗎? 他們的定名是不是是都是公道的?


d55e58591726a8012060c806da75.jpg



頁面的設想可移植性高嗎?


若是你是為安卓或PC平臺設想,你會做一樣的設想決議計劃嗎? 這二者之間的決議計劃有甚么不一樣?


26dd58591d3ba8012060c81e0eb2.jpg


那末回到咱們最后的題目來,若何在產物設想上取得更好的結果?


能回覆以上這些題目,只是作為一個好的設想作品的初步。成為一個好的設想師,一個牛逼的產物設想師,須要鍥而不舍。這象征著你已在以一個設想師的角度在思慮和處理題目,而不是期待別人去發明這個題目,當時就太晚了。


接上去的任務便是針對性的去回覆這些題目,確保你的設想企圖是基于堅固的設想準繩、研討和對細節的存眷,不過,對設想氣概和偏好這類題目會比擬辣手,由于并不是每一個設想師都有這些認識或充沛的來由。這很普通,由于在前進你的設想能力這條途徑上,起首要做的便是接管你的設想作品還并不完善。


Ira Glass對此有著奇奧的觀點:


沒人會向別人吐槽菜鳥,就算有人看出我很菜,我也但愿他不要冷笑我,究竟結果大師都是做設想的。咱們處置這行,是由于咱們有好的咀嚼。但每一個設想師城市有瓶頸期,最后幾年的設想,此刻看來會不會以為很普通?確切是做的普通。可是你在盡力的向前走,并且有決定信念能做更好,固然你的作品真的沒那末好。你的咀嚼,作為設想師的設備,和你的審美,它們便是當你看到你所創作的功效時心中略過的那絲絲縷縷是絕望,我曉得你懂我的意義。


1、若是你有咀嚼,那末它會告知你另有幾多前進的處所,和應當怎樣前進你的設想。


2、多看看其余人優異的設想作品而后構成本身的看法,甚么是好的,甚么不好的,在你的看法上增強根本的設想準繩。


3、多看看現有的設想標準,比方Material Design和人機界面指南。


4、多練手!多練手!多練手!主要的工作說三遍。


5、多瀏覽設想社區,多下載優異的APP,多去Dribbble看看優異的設想作品,不要去復制,而是去思慮他們為甚么這么做?而后再去琢磨面前的謎底。


6、向那些有設想看法的人展現你的作品,并且聆聽他們對你的作品的評估,而后去思慮他們所說的話,再利用到你的設想上。


7、不時的自我深思,比方咱們方才提到的題目。


8、此刻我能夠或許給Jon一些倡議,比方你的“設想氣概不同一”、“綠色按鈕太高聳”。我還給了他一些處理計劃,比方“左對齊一切過濾器種別的按鈕”、“減少按鈕的圓角半徑”、“給你的品牌色彩挑選一個亮色彩”,若是想使你的作品更好,就要不時打磨,細細砥礪。


9、別人對你作品的反應和指點能夠或許起到必然的感化,可是前進最快的方式仍是要多操練,理論出真知,而不是一味的照搬標準。


10、操練能力前進,不時的盡力測驗考試,熬煉出壯大的履行能力,是初學者們起首要須要的,一旦設想師這個腳色在你心中構成,它會一步一步指點你前進。


原文鏈接: 


猜你喜好
< >
北京博樂虎科技無限公司 版權一切  京公海網備1101085123號 
網站報價 網站扶植公司 網站建造 網站建造公司 北京網站扶植 手機網站 收集公司 微網站 flash網站