生活中總免不了要用到“設(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ì)門(mén)檻進(jìn)一步降低。
這里有必要介紹一下 Canva.com ，它是在線設(shè)計(jì)應(yīng)用里的佼佼者。免費(fèi)款和付費(fèi)款的功能區(qū)別明顯，即便是免費(fèi)版的功能就已經(jīng)很強(qiáng)大了，也不存在水印，尺寸大小等諸多限制，極簡(jiǎn)主義風(fēng)格的界面讓人感覺(jué)非常干凈，模版豐富而且有設(shè)計(jì)感，更重要的是它沒(méi)有剝奪用戶的設(shè)計(jì)參與感，在消除設(shè)計(jì)門(mén)檻的同時(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)，同類(lè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 | 在線繪畫(huà)板，提供多種畫(huà)筆和功能，比系統(tǒng)自帶的畫(huà)板好用很多。 |
 WBO | 在線繪畫(huà)板，多人實(shí)時(shí)分享在線繪畫(huà)板，可以創(chuàng)建單獨(dú)屬于自己的繪畫(huà)板。比如奶酪的。 |
| Zhopped | 友情PS社區(qū)，一個(gè)為全球網(wǎng)民提供無(wú)償PS修改服務(wù)的網(wǎng)站。 |
在線Photoshop | |
| Photopea | 免費(fèi)，和Photoshop極其相似的網(wǎng)站，還支持打開(kāi)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完成，速度非?？?。 |
| Pixton | 在線漫畫(huà)制作，非常容易上手。 |
| BulkResizePhotos | 圖片尺寸修改，支持批量操作。 |
| WaterMark | 圖片加水印，無(wú)需注冊(cè)即可使用，支持批量操作，也支持視頻、文檔加水印。 |
| Metadata Viewer | 圖片EXIF信息查詢。 |
圖片壓縮 | |
| TinyPNG | 最好的在線圖片壓縮工具。 |
| Optimizilla | 使用最佳優(yōu)化和壓縮算法壓縮，支持批量壓縮。 |
| 智圖 | 騰訊ISUX前端團(tuán)隊(duì)開(kāi)發(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ú)法正常打開(kāi)。 |
GIF圖片編輯 | |
| SOOGIF | GIF壓縮，和小豬動(dòng)圖類(lèi)似，支持最大20MB，支持匹配微信表情包大小。 |
| ILOVEIMG | GIF壓縮，可多次上傳壓縮再上傳壓縮，可將20MB大小壓縮為2MB。 |
| EZGIF | GIF壓縮，最大支持35MB的大小。 |
| Gickr | GIF合成，最多上傳10張圖片，將這些圖片按照一定的設(shè)置變成GIF圖片。 |
| Gif-in-Gif | GIF合成，最多上傳5張圖片，制作無(wú)限縮放的GIF動(dòng)畫(huà)。 |
| MakeAGif | GIF合成，將在線視頻轉(zhuǎn)換為GIF圖片，未登錄只有5秒時(shí)間，登錄后無(wú)限制。 |
| GIF之家 | GIF編輯，包括GIF壓縮，轉(zhuǎn)換，合成，裁剪等功能。 |
圖片特效 | |
| makeup.pho.to | 頭像照片智能潤(rùn)飾。 |
| enhance.pho.to | 圖片一鍵智能修復(fù)。 |
| PhotoFunia | 生成各種圖片效果。 |
| 幕末古寫(xiě)真 | 生成日本幕府時(shí)期的古照片風(fēng)格。 |
| Textify.it | 把照片變成美麗的文字畫(huà)像,變成印象派油畫(huà)效果。 |
| 進(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 | 制作文字云，一款視覺(jué)炸裂的文字云海報(bào)生成工具，支持中文。 |
| WordArt | 制作文字云，一鍵讓文字聚合成圖案，支持中文。 |
| Wordle | 制作文字云，漂亮的文字云生成器，但不支持中文。(V) |
| Word Cloud | 制作文字云，除了文字云功能外，也是詞頻工具。 |
| 圖悅 | 制作文字云，中文詞云圖制作工具，根據(jù)熱詞詞頻來(lái)生成。 |
| 微詞云 | 制作文字云，一款專門(mén)制作中文文字云的工具，頁(yè)面樣式選擇非常的多。 |
| typorganism | 生成Ascii字符畫(huà)。 |
| DeGraeve | 生成Ascii字符畫(huà)，支持彩色。 |
| Text Image | 生成Html, Ascii, Matrix三種字符畫(huà)，支持彩色。 |
| Kammerl | 將文字生成Ascii字符畫(huà)，多用于源代碼簽名。 |
| AsciiFlow | 強(qiáng)大的在線ASCII藝術(shù)圖制作工具，遺憾的是不支持中文。 |
| Textanim | 文字特效制作工具，風(fēng)格偏動(dòng)漫風(fēng)格。 |
| Texter | 字體涂鴉藝術(shù)繪畫(huà)工具。 |
| 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)修正你的靈魂畫(huà)作，讓每個(gè)人都能輕松畫(huà)簡(jiǎn)筆畫(huà)。 |
| 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è)，讓你的圖片變成各種油畫(huà)藝術(shù)家風(fēng)格。 |
| deepart.io | 圖像藝術(shù)化，需要注冊(cè)，需要一定的處理時(shí)間。 |
| Photolab.me | 圖像藝術(shù)化，免注冊(cè)，這款應(yīng)用的處理速度極快。 |
| MyScript | 繪畫(huà)找公式，通過(guò)在線手寫(xiě)來(lái)識(shí)別公式。 |
| Mausr | 繪畫(huà)找符號(hào)，通過(guò)手繪來(lái)智能識(shí)別符號(hào)。 |
| Shapecatcher | 繪畫(huà)找符號(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，奶酪正在編寫(xiě)《50組好用實(shí)用網(wǎng)站合集》，這是第16組 —— 在線設(shè)計(jì)篇。
2，你可以前往我的微店，購(gòu)買(mǎi) “奶酪書(shū)簽專業(yè)版”。（15年沉淀，超過(guò)3000多個(gè)分類(lèi)井條有序的好用實(shí)用網(wǎng)站 html 書(shū)簽）
