生活中總免不了要用到“設(shè)計(jì)”的時(shí)候,,設(shè)計(jì)存在我們生活中的方方面面,。一分簡(jiǎn)潔好看的簡(jiǎn)歷能更加吸引面試官的注意力,一張“高大上”的名片也許能給你帶來(lái)好人緣,,畢業(yè)答辯,、工作匯報(bào)也免不了這個(gè) Presentation,那個(gè)PPT的,,好的設(shè)計(jì),,可以讓在從內(nèi)容表達(dá)和心理暗示上都加分不少。
說(shuō)到設(shè)計(jì),,Photoshop 固然是強(qiáng)大萬(wàn)能的,,但學(xué)習(xí)成本也非常高,真正學(xué)好要花的時(shí)間也不亞于再讀一遍大學(xué),,所以本期內(nèi)容要解決的問(wèn)題就是 非設(shè)計(jì)專業(yè)人士的日常設(shè)計(jì)需求,,并給出解決方案。
一,、日常設(shè)計(jì)解決方案有哪些,?
1、Adobe設(shè)計(jì)軟件
設(shè)計(jì)行業(yè)里的“高精尖”作品往往都是使用Adobe設(shè)計(jì)軟件制作的,,但說(shuō)實(shí)話,,以大多數(shù)人設(shè)計(jì)能力之低,根本輪不到拼Photoshop,。Adobe設(shè)計(jì)軟件的學(xué)習(xí)成本是很高的,,即便是設(shè)計(jì)行業(yè)從業(yè)者也沒(méi)有多少人敢拍著胸脯說(shuō)“我精通PS”,讓他原創(chuàng)設(shè)計(jì)一個(gè)好的作品來(lái),估計(jì)也是會(huì)犯愁的,。
有些人在網(wǎng)上學(xué)習(xí)了很多年的PS教程,,上次學(xué)習(xí)了摳圖,這次學(xué)習(xí)文本特效,,下回學(xué)習(xí)如何調(diào)色,,然而這些都是技術(shù)層面的東西,屬于“術(shù)”,,想要學(xué)好一樣?xùn)|西,,就得學(xué)習(xí)理論層面的東西,也就是“道”,,可這就不是一時(shí)半回能學(xué)會(huì)的了,。奶酪推祟的“高效方法論”也一直是既講方法論,也講具體的操作方法的,。
2,、輕便化設(shè)計(jì)軟件
Adobe公司在設(shè)計(jì)行業(yè)里是屬于制定規(guī)則的那個(gè)人,Adobe系列設(shè)計(jì)軟件也處在行業(yè)的領(lǐng)先地位,,很多企業(yè)為了降低設(shè)計(jì)學(xué)習(xí)成本,,推出了輕便化的設(shè)計(jì)軟件。比如濾鏡軟件,,摳圖軟件,,去水印軟件,甚者還有一鍵“傻瓜式”軟件,。但使用后你會(huì)發(fā)現(xiàn)使用這些軟件還是處于“玄學(xué)”階段,,“隨緣”設(shè)計(jì),運(yùn)氣成分比較大,,想要獲得更好的作品還是要靠Adobe設(shè)計(jì)軟件,。
3、手機(jī)APP應(yīng)用
由于設(shè)備本身的原因,,在手機(jī)上做設(shè)計(jì)的弊端是很明顯的,,一是手機(jī)端的功能要比電腦端弱很多,二是無(wú)法做精細(xì)化的設(shè)計(jì),。手機(jī)還遠(yuǎn)沒(méi)達(dá)到生產(chǎn)力工具的標(biāo)準(zhǔn),,手機(jī)APP應(yīng)用的優(yōu)勢(shì)還是在于移動(dòng)端,即便是大屏幕的iPad,,對(duì)于設(shè)計(jì)的內(nèi)容還是有限制的。
4,、在線設(shè)計(jì)應(yīng)用
如果說(shuō)Adobe設(shè)計(jì)軟件是設(shè)計(jì)的一個(gè)極端,,主攻高端精細(xì)設(shè)計(jì),那在線設(shè)計(jì)應(yīng)用則是另一個(gè)極端,主攻簡(jiǎn)單快速設(shè)計(jì),。在線設(shè)計(jì)應(yīng)用往往解決了非設(shè)計(jì)專業(yè)人士們?cè)谠O(shè)計(jì)上的痛點(diǎn),,比如尺寸規(guī)范、素材查找,、模板DIY以及操作要簡(jiǎn)單,。在線設(shè)計(jì)應(yīng)用的另一個(gè)優(yōu)勢(shì)在于人工智能,依靠強(qiáng)大的智能算法,,讓原本設(shè)計(jì)軟件無(wú)法實(shí)現(xiàn)的功能變成了可能,,人工智能的普及也使得設(shè)計(jì)門檻進(jìn)一步降低。
這里有必要介紹一下 Canva.com ,,它是在線設(shè)計(jì)應(yīng)用里的佼佼者,。免費(fèi)款和付費(fèi)款的功能區(qū)別明顯,即便是免費(fèi)版的功能就已經(jīng)很強(qiáng)大了,,也不存在水印,,尺寸大小等諸多限制,極簡(jiǎn)主義風(fēng)格的界面讓人感覺非常干凈,,模版豐富而且有設(shè)計(jì)感,,更重要的是它沒(méi)有剝奪用戶的設(shè)計(jì)參與感,在消除設(shè)計(jì)門檻的同時(shí),,讓用戶的創(chuàng)意付諸實(shí)現(xiàn),,也讓用戶的創(chuàng)意想象被激發(fā)出來(lái)。
二,、值得推薦的在線設(shè)計(jì)應(yīng)用
在線設(shè)計(jì) | |
Canva | 在線設(shè)計(jì)工具,,操作簡(jiǎn)便的拖拽式在線設(shè)計(jì)平臺(tái),同類產(chǎn)品的原型,,也是最好用的,。 |
創(chuàng)客貼 | 在線設(shè)計(jì)工具,國(guó)內(nèi)模仿Canva比較成功的產(chǎn)品,,產(chǎn)品的本地化做得比Canva好,。 |
DesignCap | 在線海報(bào)制作,目前最好用,,完全免費(fèi),,海量模版,支持導(dǎo)出超高清無(wú)水印圖片,。 |
墨刀 | 原型設(shè)計(jì)工具,,免費(fèi)的移動(dòng)應(yīng)用原型與線框圖工具,可以從無(wú)到有地完成一個(gè)產(chǎn)品原型,。 |
Figma | UI設(shè)計(jì),,在線協(xié)作式UI界面設(shè)計(jì)工具,堪稱設(shè)計(jì)界的 Google Docs。 |
Vectr | 矢量圖設(shè)計(jì)工具,,操作簡(jiǎn)單明了,,支持免費(fèi)導(dǎo)出為SVG文件,支持客戶端,。 |
gravit.io | 矢量圖設(shè)計(jì)工具,,是PS和Sketch的綜合產(chǎn)物。 |
Wireframe | 線框設(shè)計(jì)工具,,常用于產(chǎn)品原型設(shè)計(jì),,操作簡(jiǎn)單直觀,輸出物也非常吸引人,。 |
Method Draw | SVG編輯工具,,簡(jiǎn)單易操作,無(wú)需注冊(cè)即可使用,。 |
Kkleki | 在線繪畫板,,提供多種畫筆和功能,比系統(tǒng)自帶的畫板好用很多,。 |
WBO | 在線繪畫板,,多人實(shí)時(shí)分享在線繪畫板,可以創(chuàng)建單獨(dú)屬于自己的繪畫板,。比如奶酪的,。 |
Zhopped | 友情PS社區(qū),一個(gè)為全球網(wǎng)民提供無(wú)償PS修改服務(wù)的網(wǎng)站,。 |
在線Photoshop | |
Photopea | 免費(fèi),,和Photoshop極其相似的網(wǎng)站,還支持打開PSD文件,。 |
潑辣修圖 | 免費(fèi)+付費(fèi),,潑辣修圖的最新版本,一款主打人工智能的綜合性修圖應(yīng)用,。 |
潑辣修圖 v2 | 免費(fèi),,潑辣修圖的舊版本,操作邏輯像 Adobe Camera Raw,,用于自定義調(diào)色,。 |
潑辣修圖 v3 | 免費(fèi),潑辣修圖的圖片濾鏡版本,,用于圖片調(diào)色,。 |
Pixlr | 免費(fèi),英文界面,,一款創(chuàng)新的圖片修改在線應(yīng)用,。 |
iPiccy | 免費(fèi),,只支持英文,全能型圖片編輯應(yīng)用,,還支持拼圖,平面設(shè)計(jì)等應(yīng)用,。 |
Photo Raster | 免費(fèi),,一款和Photoshop相似度極高的修圖應(yīng)用,只支持英文界面,,需要注冊(cè),。 |
迅捷圖片 | 免費(fèi),中文,,一款和PS相似度非常高的在線設(shè)計(jì)應(yīng)用,。 |
美圖秀秀 | 免費(fèi),一鍵“傻瓜式”修圖應(yīng)用,。 |
Camera360 | 免費(fèi),,支持基本的圖片編輯和濾鏡。 |
Moose | 免費(fèi),,號(hào)稱不用再搜索圖庫(kù),,需要圖片的話就自己動(dòng)手做。 |
圖片編輯 | |
ILoveIMG | 在線圖片處理,,支持多種功能,,支持批量操作,永久免費(fèi),。 |
Smart Resize | 在線智能裁圖,,基于HTML5的圖片裁剪利器,無(wú)需注冊(cè),,處理速度極快,。 |
稿定摳圖 | 在線智能摳圖,傻瓜式摳圖,,復(fù)雜的摳圖還是得用PS,。 |
ClippingMagic | 在線智能摳圖,基于HTML5技術(shù)的在線摳圖工具,。 |
remove.bg | 在線智能摳圖,,全自動(dòng)操作,但圖片輸出限制為500px,。 |
VectorMagic | 在線圖片轉(zhuǎn)換,,一鍵將 JPG、PNG 圖像轉(zhuǎn)換成 SVG,、EPS,、AI 矢量圖像,。 |
Vectorizer | 圖片轉(zhuǎn)SVG,無(wú)需注冊(cè)即可使用,。 |
SVG Edit | SVG編輯器,,支持圖層操作,支持導(dǎo)出為SVG,,PNG,,PDF等格式。 |
做好圖 | SVG編輯器,,中文界面,,簡(jiǎn)單易用。 |
FotoForensics | 驗(yàn)證圖片是否被PS過(guò),,如果某個(gè)區(qū)域ELA出現(xiàn)明顯的區(qū)別則可能PS過(guò),。 檢查原理 |
圖片拼接工具 | 在線拼接電影字幕截圖工具,使用瀏覽器Javascript完成,,速度非??臁?/td> |
Pixton | 在線漫畫制作,,非常容易上手,。 |
BulkResizePhotos | 圖片尺寸修改,支持批量操作,。 |
WaterMark | 圖片加水印,,無(wú)需注冊(cè)即可使用,支持批量操作,,也支持視頻,、文檔加水印。 |
Metadata Viewer | 圖片EXIF信息查詢,。 |
圖片壓縮 | |
TinyPNG | 最好的在線圖片壓縮工具,。 |
Optimizilla | 使用最佳優(yōu)化和壓縮算法壓縮,支持批量壓縮,。 |
智圖 | 騰訊ISUX前端團(tuán)隊(duì)開發(fā),,支持客戶端。 |
Picdiet | 特有的JavaScript算法,,能將圖片減少80%的大小,。 |
Jpeg.io | 幾乎支持所有圖片格式,只要將圖片拖曳到網(wǎng)站里,,即可快速壓縮,。 |
img.top | 智能圖像壓縮,基于圖形識(shí)別和深度學(xué)習(xí)來(lái)選擇性壓縮,,極致的壓縮效果,。 |
CompressJPG | 批量圖片壓縮,,提供JPG,PNG,,PDF三種格式的批量壓縮,。 |
Squoosh | 圖片壓縮,由 Google 實(shí)驗(yàn)室發(fā)布的一個(gè)實(shí)驗(yàn)工具,,但國(guó)內(nèi)無(wú)法正常打開,。 |
GIF圖片編輯 | |
SOOGIF | GIF壓縮,和小豬動(dòng)圖類似,,支持最大20MB,支持匹配微信表情包大小,。 |
ILOVEIMG | GIF壓縮,,可多次上傳壓縮再上傳壓縮,可將20MB大小壓縮為2MB,。 |
EZGIF | GIF壓縮,,最大支持35MB的大小。 |
Gickr | GIF合成,,最多上傳10張圖片,,將這些圖片按照一定的設(shè)置變成GIF圖片。 |
Gif-in-Gif | GIF合成,,最多上傳5張圖片,,制作無(wú)限縮放的GIF動(dòng)畫。 |
MakeAGif | GIF合成,,將在線視頻轉(zhuǎn)換為GIF圖片,,未登錄只有5秒時(shí)間,登錄后無(wú)限制,。 |
GIF之家 | GIF編輯,,包括GIF壓縮,轉(zhuǎn)換,,合成,,裁剪等功能。 |
圖片特效 | |
makeup.pho.to | 頭像照片智能潤(rùn)飾,。 |
enhance.pho.to | 圖片一鍵智能修復(fù),。 |
PhotoFunia | 生成各種圖片效果。 |
幕末古寫真 | 生成日本幕府時(shí)期的古照片風(fēng)格,。 |
Textify.it | 把照片變成美麗的文字畫像,變成印象派油畫效果,。 |
進(jìn)擊的巨人 | 生成進(jìn)擊的巨人圖片效果,還有4個(gè)其他的效果,。 |
Cool Text | 生成各種圖標(biāo)效果,,雖然風(fēng)格看上去挺老舊的,。 |
MakeMeZombie | 生成喪尸效果。 |
Tom's Editor | 一鍵應(yīng)用Instagram濾鏡,。 |
Photo Notes | 一鍵生成拍立得照片效果,。 |
Picartia | 用馬賽克填滿你的照片,生成馬賽克式藝術(shù)照片,。 |
PhotoMosh | 生成故障藝術(shù)圖效果,。 |
HalftonePro | 半色調(diào)效果圖片轉(zhuǎn)換。 |
Logo屋 | 一鍵生成中文論壇風(fēng)格的Logo,。 |
Duotone | 雙色調(diào)圖片生成器,。 |
文字特效 | |
Word2Art | 制作文字云,一款視覺炸裂的文字云海報(bào)生成工具,,支持中文,。 |
WordArt | 制作文字云,一鍵讓文字聚合成圖案,,支持中文,。 |
Wordle | 制作文字云,漂亮的文字云生成器,,但不支持中文,。(V) |
Word Cloud | 制作文字云,除了文字云功能外,,也是詞頻工具,。 |
圖悅 | 制作文字云,中文詞云圖制作工具,,根據(jù)熱詞詞頻來(lái)生成,。 |
微詞云 | 制作文字云,一款專門制作中文文字云的工具,,頁(yè)面樣式選擇非常的多,。 |
typorganism | 生成Ascii字符畫。 |
DeGraeve | 生成Ascii字符畫,,支持彩色,。 |
Text Image | 生成Html, Ascii, Matrix三種字符畫,支持彩色,。 |
Kammerl | 將文字生成Ascii字符畫,,多用于源代碼簽名。 |
AsciiFlow | 強(qiáng)大的在線ASCII藝術(shù)圖制作工具,,遺憾的是不支持中文,。 |
Textanim | 文字特效制作工具,風(fēng)格偏動(dòng)漫風(fēng)格,。 |
Texter | 字體涂鴉藝術(shù)繪畫工具,。 |
Text to ASCII | 將英文字母轉(zhuǎn)換拼接的ASCII字形,。 |
Text Color Fader | 文字漸變顏色生成器。 |
MakePic | 生成圖章效果,。 |
人工智能 | |
Google AI Experiments | 谷歌工智能實(shí)驗(yàn),,網(wǎng)站集中展示了一些人工智能實(shí)驗(yàn),你也可以創(chuàng)建你自己的實(shí)驗(yàn),。 |
Google AutoDraw | 將個(gè)人涂鴉轉(zhuǎn)化為藝術(shù)品,,自動(dòng)修正你的靈魂畫作,讓每個(gè)人都能輕松畫簡(jiǎn)筆畫,。 |
Image Colorization | 給黑白圖片自動(dòng)上色,。(偏人像) |
Algorithmia | 給黑白圖片自動(dòng)上色。(偏風(fēng)景) |
Colourise | 給黑白圖片自動(dòng)上色,。 |
Bigjpg | 圖片智能放大,,實(shí)現(xiàn)圖片的無(wú)損放大。 |
waifu2x | 圖片智能放大,,特別針對(duì)動(dòng)漫風(fēng)格的圖片。 |
Let's Enhance | 圖片智能清晰,,需要注冊(cè)才能使用,,每天免費(fèi)5張圖片。 |
Ostagram | 圖像藝術(shù)化,,需要注冊(cè),,讓你的圖片變成各種油畫藝術(shù)家風(fēng)格。 |
deepart.io | 圖像藝術(shù)化,,需要注冊(cè),,需要一定的處理時(shí)間。 |
Photolab.me | 圖像藝術(shù)化,,免注冊(cè),,這款應(yīng)用的處理速度極快。 |
MyScript | 繪畫找公式,,通過(guò)在線手寫來(lái)識(shí)別公式,。 |
Mausr | 繪畫找符號(hào),通過(guò)手繪來(lái)智能識(shí)別符號(hào),。 |
Shapecatcher | 繪畫找符號(hào),,通過(guò)手繪來(lái)智能識(shí)別符號(hào)。 |
DeepWarp | 對(duì)人眼照片進(jìn)行處理的網(wǎng)站,,能夠精確識(shí)別眼白和眼球,,實(shí)現(xiàn)眼珠的各種轉(zhuǎn)動(dòng)。 |
rsizr | 智能保真縮放,,縮放圖片的同時(shí)保持主體不變形,。 |
結(jié)尾
1,,奶酪正在編寫《50組好用實(shí)用網(wǎng)站合集》,這是第16組 —— 在線設(shè)計(jì)篇,。
2,,你可以前往我的微店,購(gòu)買 “奶酪書簽專業(yè)版”,。(15年沉淀,,超過(guò)3000多個(gè)分類井條有序的好用實(shí)用網(wǎng)站 html 書簽)