發(fā)布時(shí)間:2024-02-26 19:09:22 瀏覽量:220次
對(duì)于這些新工具,經(jīng)過一個(gè)多月的嘗鮮、體驗(yàn)和實(shí)戰(zhàn)使用之后,能夠剩下6款值得長期留存在我的電腦當(dāng)中,還是挺讓我高興的。我希望我所篩選出來的這6款工具最終也能讓你在進(jìn)行UI/UX 設(shè)計(jì)的時(shí)候事半功倍!
Drubbbler
其實(shí)現(xiàn)在 Dribbble 的用戶越來越多了,所以,專門服務(wù)于 Dribbble 設(shè)計(jì)師的工具也慢慢多起來了。今年我偶然間發(fā)現(xiàn)這款工具之后,就逐漸喜歡上它了。
由于Dribbble 本身的平臺(tái)限制,設(shè)計(jì)師在上傳自己作品的時(shí)候,限制還蠻多的。而這款名為 Drubbbler 的工具就是專門為完善 Dribbble 服務(wù)而誕生的,它幫助設(shè)計(jì)師更好的管控發(fā)布作品的頻率,一站式添加標(biāo)簽、標(biāo)題、描述和作品。對(duì)于很多需要在 Dribbble 上發(fā)布作品的設(shè)計(jì)師而言,它比原生的發(fā)布編輯器更便捷。
當(dāng)然,它的缺陷也很明顯,Drubbbler 最多只允許上傳800 x 600的圖片,格式只能是 png、jpeg 和 gif,并不支持上傳視頻,這一點(diǎn)還沒有跟上 Dribbble 本身的需求。
Adobe Capture
這款工具應(yīng)該脫胎于最早的 Adobe Kuler,之后 Kuler 在桌面端演變成為 Adobe Color CC,成為了創(chuàng)意云軟件中的一員,而移動(dòng)端上則進(jìn)化為另外一個(gè)更為獨(dú)立的工具——Adobe Capture 。
相較而言,Adobe Capture 比起 Adobe Color CC 更為強(qiáng)大,因?yàn)樗柚悄苁謾C(jī)的鏡頭,可以更好地獲取素材,無論是圖片和風(fēng)景中的色彩,還是圖案、形狀、字體、材質(zhì),都能被它抓住,轉(zhuǎn)化成為你可用的素材,并且同步到創(chuàng)意云當(dāng)中,隨時(shí)被PS、AI這類工具所調(diào)用。
你所需要做的,就是將它對(duì)準(zhǔn)你所感興趣的東西,然后選取你要抓取的素材和內(nèi)容,同步即可。這款A(yù)PP 在 iOS 和安卓上都有,絕對(duì)免費(fèi)。
當(dāng)然,它也存在一點(diǎn)缺陷,那就是在抓取圖案和筆刷上,你可能需要稍微摸索一下,它的學(xué)習(xí)曲線稍稍有點(diǎn)陡峭。但是一旦你掌握了,炫酷的設(shè)計(jì)就離你不遠(yuǎn)了。
Khroma
Khroma 也并不是一款非常著名的工具,并且它仍然處于測(cè)試階段。但是,在我嘗試了諸多工具之后,認(rèn)為它是非常值得擁有的一款。
我當(dāng)初是在 Awwwards 的博客當(dāng)中偶然碰到有人推薦它,真正開始使用之后,才逐漸意識(shí)到我撿到寶了。這款工具將配色和人工智能結(jié)合到一起,它能夠逐漸熟悉和了解你對(duì)于色彩的品味,并且基于你的偏好來給你推薦配色方案。除了這個(gè)基本的功能以外,Khroma 還會(huì)使用文本、圖片和海報(bào)來幫你直觀地測(cè)試配色方案在實(shí)際設(shè)計(jì)中的使用效果,包括時(shí)下流行的漸變,它也比其他絕大多數(shù)的工具要好用!
不過,另外一方面,你想獲得這樣的便利也需要付出一定的代價(jià)——Khroma 了解你的前提,是你必須「投喂」給它足夠的信息。一開始,你得選取50種你所喜歡的色彩,用來訓(xùn)練 AI。完成這個(gè)步驟之后,你會(huì)發(fā)現(xiàn)配色的世界一馬平川。
真的很酷,值得試試。
ColorSlurp
正如同它本身的宣傳語一樣,ColorSlurp 可能確實(shí)是整個(gè) Mac 平臺(tái)上最好用的取色和配色工具。它和很多同類型的工具有相似的地方,但是在體驗(yàn)和易用性上強(qiáng)了很多。
ColorSlurp 正如同它的名字所描述的那樣,當(dāng)它在屏幕上選取顏色的時(shí)候,會(huì)發(fā)出有趣的聲音。為了在激烈的配色工具的世界中競爭,ColorSlurp 的免費(fèi)版就具備了頗為強(qiáng)大的功能,而它的進(jìn)階版還會(huì)給你提供單獨(dú)的深色模式、高級(jí)設(shè)置和20種不同的色彩格式,提供給更苛刻的某些 Pro 用戶。
如果你使用的是帶有 Touch Bar 的Macbook Pro的話,那么你就更幸福了,ColorSlurp 還支持 Touch Bar,你可以借助它更快更好地選取色彩。
當(dāng)然,在為期一個(gè)月的使用過程中,我發(fā)現(xiàn)它唯一的不足在于,它還有一些小的Bug,有時(shí)候會(huì)崩潰,不過瑕不掩瑜,我依然非常推薦。
Kami和Kami2
其實(shí)配色工具有上面三款,怎么著都?jí)蛴昧?。接下來,我要推薦的這倆,其實(shí)是一款游戲,也是一個(gè)非常不錯(cuò)的靈感工具。Kami 和 Kami 2 是同一個(gè)系列的益智游戲,游戲中你需要將同一個(gè)色彩填充整個(gè)屏幕,而屏幕上的小三角形元素會(huì)像紙張一樣被折疊起來。在游戲的過程中,你需要面對(duì)許多各不相同的炫酷模式。
來自這家公司的游戲在視覺上都非常驚艷,Kami 和 Kami 2 則是旗下產(chǎn)品中最為成功的系列,因?yàn)閮?yōu)秀所以出了續(xù)作。作為設(shè)計(jì)師,我們幾乎可以從每一個(gè)關(guān)卡中獲取靈感,無論是色彩、布局還是圖案,可以說都是上佳的參考。
初代作品 Kami 橫跨 iOS、Mac 和 Windows 三個(gè)平臺(tái),而二代作品 Kami 2 是 iOS 平臺(tái)獨(dú)占的作品,但是它是完全免費(fèi)的,這一點(diǎn)是加分項(xiàng)。
另外,我關(guān)注了 State of Game 這個(gè)團(tuán)隊(duì)的帳號(hào),他們?nèi)缃裾谡心?D設(shè)計(jì)師,為他們的下一個(gè)游戲作品籌劃,可以說非常值得期待了。
Avocode
Avocode 的功能算是跨越出了設(shè)計(jì)領(lǐng)域,它能夠?qū)⒛愕脑O(shè)計(jì)稿最終轉(zhuǎn)化為代碼。同類工具雖然不少,但是能夠優(yōu)秀成 Avocode 這樣的并不多,它同時(shí)支持 PS、AI、XD 和 Sketch 四個(gè)主流的設(shè)計(jì)工具,設(shè)計(jì)稿拖進(jìn)去,HTML和CSS 代碼輸出出來。在它的編輯器當(dāng)中,你可以進(jìn)行更加細(xì)致的修改,比如針對(duì)單個(gè)UI元素和控件進(jìn)行審查和調(diào)整,而且還有超多輔助性的功能幫你完善所有的這一切。
如果你正在設(shè)計(jì)移動(dòng)端的應(yīng)用,這款工具將會(huì)是你極大的助力。你可以選擇直接在他們的網(wǎng)站上完成操作,也可以下載 Windows、Mac 和 Linux 平臺(tái)上的應(yīng)用,在本地進(jìn)行修改。無論是個(gè)人使用,還是團(tuán)隊(duì)協(xié)作,功能都已經(jīng)完善了。
接下來,該說說缺陷了。這款工具試用期只有14天。之后你可以根據(jù)是個(gè)人使用還是團(tuán)隊(duì)使用,購買相應(yīng)的套餐即可。如果你正試圖尋找免費(fèi)的工具,那么它就不適合了。
熱門資訊
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 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ì)師的...
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型,你get到了嗎?
通過介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
4. 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)頁設(shè)計(jì)、字體...
5. 移動(dòng)端列表頁和表單頁設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁和表單頁是不可或缺的部分。一個(gè)好的列表頁和表單頁設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
6. 推薦10本適合UI設(shè)計(jì)師看的書籍,輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
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. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
最新文章
同學(xué)您好!