PS 和 Sketch 全都不會(huì)?沒關(guān)系！這些網(wǎng)站幫你設(shè)計(jì)SO EASY！

又到了跟大家分享好東西的時(shí)候，在大家的印象中，想要完成漂亮的設(shè)計(jì)，一定要掌握 PS、AI、Sketch 等專業(yè)的做圖工具才可以。其實(shí)，現(xiàn)在有很多網(wǎng)站可以幫助不會(huì)專業(yè)設(shè)計(jì)工具的我們，做出很多很漂亮的設(shè)計(jì)，完成自己的設(shè)計(jì)需求。今天，我們就來介紹一下這些網(wǎng)站。

原型設(shè)計(jì)

STUDIO

STUDIO 是由日本團(tuán)隊(duì)開發(fā)的一個(gè)可以輕松完成手機(jī) App 和網(wǎng)頁(yè)原型的設(shè)計(jì)網(wǎng)站。當(dāng)你注冊(cè)完賬號(hào)登錄之后，會(huì)有很友好的教學(xué)指導(dǎo)，告訴你一些簡(jiǎn)單的操作。STUDIO 可以創(chuàng)建 iPhone App 和 Web 兩種設(shè)計(jì)文檔。

STUDIO 內(nèi)置了圖片庫(kù)、字體庫(kù)、圖標(biāo)庫(kù)，并根據(jù)你選擇的文檔格式，提供了 STUDIO STYLE、 Material Design 和 iOS UI Design 等風(fēng)格的素材控件，只要根據(jù)自己的想法將控件拖拽和組合就可以了。

需要注意的是，STUDIO 的設(shè)計(jì)原則，很類似于 Web 頁(yè)面的構(gòu)成，以方形的 Box 容器為基礎(chǔ)，每個(gè) Box 容器只能緊挨著一個(gè) Box 容器排列。通過設(shè)置不同的 Margin（外邊距）和 Padding（內(nèi)邊距）來調(diào)整元素的位置，并不是鼠標(biāo)自由拖拽來控制 Box 的擺放位置。配合上 STUDIO 提供的 7 中 Box 的排序方式和 Box 的嵌套，就可以完成各種各樣的設(shè)計(jì)樣式了。

PS 和 Sketch 全都不會(huì)？沒關(guān)系！這些網(wǎng)站幫你設(shè)計(jì)SO EASY！圖一

當(dāng)你理解了 Box 的概念之后，你就可以很輕松的拖拽出一個(gè)心目中理想的 App 設(shè)計(jì)了。我也隨便拖了一個(gè) App 的設(shè)計(jì)頁(yè)面，給大家展示一下。

PS 和 Sketch 全都不會(huì)？沒關(guān)系！這些網(wǎng)站幫你設(shè)計(jì)SO EASY！圖二

隨便拖了一個(gè) App 頁(yè)面設(shè)計(jì)

STUDIO 還支持不同頁(yè)面間的跳轉(zhuǎn)，完成簡(jiǎn)單的交互原型，當(dāng)你完成的設(shè)計(jì)后，可以通過創(chuàng)建鏈接分享你的設(shè)計(jì)。

LOGO 設(shè)計(jì)

Free Logo Design

Free Logo Design 是一個(gè)可以幫我們進(jìn)行在線 Logo 設(shè)計(jì)的網(wǎng)站，登錄網(wǎng)站后，輸入你想要展示的文字信息，并點(diǎn)擊 START，選擇一個(gè)你喜歡的 Logo 模板，就可以開始你的設(shè)計(jì)之旅了。

Free Logo Design 不僅提供了多種多樣的 Logo 模板，同時(shí)你也可以根據(jù)自己的設(shè)計(jì)需求，添加文字、形狀、圖標(biāo)等元素，來豐富你的設(shè)計(jì)。

PS 和 Sketch 全都不會(huì)？沒關(guān)系！這些網(wǎng)站幫你設(shè)計(jì)SO EASY！圖三

當(dāng)你完成了你的設(shè)計(jì)之后，點(diǎn)擊 SAVE，就可以進(jìn)行下載，需要注意的是，免費(fèi)版僅提供 200 * 200 像素的版本下載。

12下一頁(yè)>