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

原型設(shè)計

STUDIO

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

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

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

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

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

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

隨便拖了一個 App 頁面設(shè)計

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

LOGO 設(shè)計

Free Logo Design

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

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

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

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

12下一頁>