發(fā)布時(shí)間:2023-12-26 18:51:42 瀏覽量:202次

大家好,我是興元君
眼看著這周就要結(jié)束了
童鞋們是不是
已經(jīng)迫不及待的想粗去浪啦?

知道現(xiàn)在你們現(xiàn)在已經(jīng)無(wú)心學(xué)習(xí)
但是興元君這里有超棒的干貨
迫切的想要跟你們分享~
這可是資深UI設(shè)計(jì)總監(jiān)
從 10000 個(gè)UI界面中總結(jié)的心得
你們可要好好看呀~
一、并沒(méi)有那么多人關(guān)心動(dòng)畫
童鞋們不妨仔細(xì)想想,世界級(jí)的產(chǎn)品幾乎沒(méi)有動(dòng)畫,例如:Facebook. Salesforce. Medium等等。
這些產(chǎn)品價(jià)值數(shù)十億美元,是因?yàn)樗鼈冇薪鉀Q問(wèn)題并提供價(jià)值的能力,而不是因?yàn)樗鼈冇锌蓯?ài)的動(dòng)畫。
并不是說(shuō)動(dòng)畫沒(méi)有用處,而是應(yīng)該先花時(shí)間從通過(guò)一流的用戶體驗(yàn),提供卓越價(jià)值開(kāi)始。然后,再任意花費(fèi)時(shí)間制作一個(gè)可愛(ài)的小漢堡按鈕,讓其變身為麥當(dāng)勞巨無(wú)霸。

△ 皮特塞納的動(dòng)畫
二、不要重新發(fā)明模式
模式是在類似對(duì)象中經(jīng)常被發(fā)現(xiàn)的東西。設(shè)計(jì)模式被稱為模式,因?yàn)樗鼈儽椴几魈?。用戶?xí)慣于以某種方式做事,并且通常伴隨著對(duì)用戶體驗(yàn)的期望。
UI設(shè)計(jì)師可以設(shè)計(jì)一百種不同的方式來(lái)篩選數(shù)據(jù)表,但是沒(méi)有哪個(gè)會(huì)像電子商務(wù)網(wǎng)站上出現(xiàn)的左側(cè)欄復(fù)選框那樣有效。
不要花時(shí)間去想那些不需要改造的東西。

三、「模版化」你的工作
為了追求高效的團(tuán)隊(duì)協(xié)作,你可以為自己做一些設(shè)計(jì)模板,這會(huì)節(jié)省很多時(shí)間。
如果想在一周半的時(shí)間里,為一位想要銷售演示文稿的客戶設(shè)計(jì)52個(gè)屏幕,甚至將它們連接成一個(gè)可點(diǎn)擊的 InVision 原型。這也是一種完全定制的設(shè)計(jì),并且完全按照其品牌的基調(diào)進(jìn)行了定制。如果沒(méi)有模板可以幫助我快速開(kāi)始工作,這一切都是不可能的 。
以下是文章作者的 UI 樣板中的一個(gè)示例屏幕,大家可以參考下~

四、一致性產(chǎn)生效率
你設(shè)計(jì)得越一致,你就會(huì)變得越快。因?yàn)槟愦蟠鬁p少了你必須做設(shè)計(jì)決策的數(shù)量。
如果你在 Sketch 中為自己設(shè)計(jì)一個(gè)按鈕符號(hào),并在整個(gè)設(shè)計(jì)中使用該符號(hào),不僅可以讓所有按鈕看起來(lái)一致,而且工作效率會(huì)更高,因?yàn)槟悴恍枰看味紡念^開(kāi)始制作按鈕。
五、效率會(huì)產(chǎn)生一致性
這些都是共生的,所以它也可以反過(guò)來(lái)作用。
為了加快工作速度,你必須為自己創(chuàng)建捷徑。這些捷徑可以是設(shè)計(jì)資源等有形的東西,也可以是像建立和遵循一組設(shè)計(jì)原則(如堅(jiān)持 8px 網(wǎng)格系統(tǒng))那樣的無(wú)形的東西。
隨著你變得更快,一致性自然會(huì)隨之而來(lái)。
六、商業(yè)和用戶價(jià)值篡奪一切。
根據(jù)最新估計(jì),Craigslist 的價(jià)值約為30億美元。你有沒(méi)有看過(guò)那個(gè)網(wǎng)站?非常丑。

但這并不重要。因?yàn)樗鉀Q了一個(gè)問(wèn)題并為用戶提供了價(jià)值。
干凈利落。就像 Craigslist 這樣!
如果你能為用戶提供價(jià)值,你就能讓客戶給商業(yè)帶來(lái)價(jià)值。為正確的人解決正確的問(wèn)題 ,你將發(fā)光。
七、優(yōu)秀的設(shè)計(jì)表現(xiàn)不好將會(huì)失敗
你是否曾與某些很漂亮,卻連正常交流都做不到的人約會(huì)?
單憑視覺(jué)不會(huì)讓好的設(shè)計(jì)長(zhǎng)久。我認(rèn)為視覺(jué)效果實(shí)際上只占整個(gè)演示過(guò)程的20%左右。
其余的部分?是故事講述 。如果你沒(méi)有將觀眾與引人注目的故事掛鉤,展示商業(yè)價(jià)值并代表用戶說(shuō)話,那么你必然失敗。
八、想到,做出來(lái)
這一點(diǎn)放在最后說(shuō),是因?yàn)樗浅V匾?/p>
功能性產(chǎn)品> Dribbble上的贊,沒(méi)有什么比這個(gè)更重要。漂亮的設(shè)計(jì)?好厲害!還沒(méi)啟動(dòng)?等于失敗。我想表達(dá)的是:為了被認(rèn)為是一個(gè)成功的設(shè)計(jì)師,你必須實(shí)際構(gòu)建一些東西。
想到,就做出來(lái)。即使它很糟糕,即使它不完美,即使沒(méi)有人使用它 。至少你堅(jiān)持了下來(lái),從中有所收獲。
來(lái)源非科班設(shè)計(jì)

?
熱門資訊
1. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、字體...
2. iPhone6的UI設(shè)計(jì)尺寸規(guī)范,原來(lái)如此重要!
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
3. 移動(dòng)端UI設(shè)計(jì)中常見(jiàn)的5種APP界面類型,你get到了嗎?
通過(guò)介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁(yè)、引導(dǎo)頁(yè)、浮層引導(dǎo)頁(yè)、空白頁(yè)和首頁(yè)等5種APP界面類型,幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
4. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
5. 移動(dòng)端列表頁(yè)和表單頁(yè)設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁(yè)和表單頁(yè)是不可或缺的部分。一個(gè)好的列表頁(yè)和表單頁(yè)設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
6. 史上最全,平面設(shè)計(jì)UI設(shè)計(jì)必備的77個(gè)國(guó)內(nèi)外素材、設(shè)計(jì)資源網(wǎng)站
ui設(shè)計(jì)社區(qū),大神太多了。3、behance: https://www.behance.net/ ,著名設(shè)計(jì)... 對(duì)于品牌設(shè)計(jì)師來(lái)說(shuō),除了圖案素材收集之外,還有一個(gè)很重要的,就是設(shè)計(jì)故...
7. 推薦10本適合UI設(shè)計(jì)師看的書籍,輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來(lái)說(shuō),這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺(jué)醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
8. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過(guò)對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
9. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣?想學(xué)UI設(shè)計(jì)要多少錢?
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎?不知道學(xué)UI設(shè)計(jì)要花多少錢?不妨看看這篇文章,了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
10. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長(zhǎng)與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
最新文章
同學(xué)您好!