網頁 設計 |Top5 零基礎也能用的線上工具

網頁 設計 |Top5 零基礎也能用的線上工具

網頁 設計 所需要的所有工具都幫你整理好了!看完這篇直接把網站的預算省起來!
網頁 設計 |Top5 零基礎也能用的線上工具
網頁 設計

文章索引

網頁 設計 不會Photoshop也能會

如今網頁製作的門檻越來越低,如果你只是想做一個簡單的銷售頁,其實有很多線上工具就能幫助你完成這些工作,搭配免費的開店平台,甚至可以作到零成本搭建網站,以下將推薦五個好用又免費的素材製作線上工具、看完現省一筆!如此好康的訊息難道你想錯過嗎?

電商網站 銷售頁設計

Canva:連設計師也在用的快速模板

你是否覺得各大臉書的貼文看起來似乎大同小異,有些風格甚至極度類似呢?那有極高的機率是出自Canva之手!Canva提供各種素材、並且依照使用的類別分類,你可以搜尋相關的字詞就能輕鬆取得模板,在線上的編輯器中你可以輕鬆更改顏色、排版、你不需要設計圖面,只需要煩惱自己該選哪個素材就可以了,只要有基礎的美感就能用得有聲有色。

網頁 設計1
圖片來源:Canva

befunky:相片去背、編輯線上就能做

befunky作為一個線上的相片編輯工具,有許多特色濾鏡可以使用,你可以用它來做出類似雜誌封面的效果,並且可以多圖排版、做出設計師都會使用的切圖,甚至可以為商品去背、加字等等。\

網頁 設計2
圖片來源:Befunky

Tiff:字體選擇不再迷惘

你是否因為字體而陷入選擇障礙呢?TIff提供左右兩種字體的對比,讓你一眼就看出來差別在哪裡,甚至可以將自體重疊,讓你可以清楚看見字體與字體間的差異與特色、不再猶豫該選哪個字體。

網頁 設計3
圖片來源:Tiff

Palettable:最簡易的線上配色工具

Palettable蒐集來自世界各地的設計師風格,並從中挑選最契合的配色,你只需要像交友軟體那樣選擇喜換或不喜歡,Palettable就會一步步幫你挑出合理的配色,立刻讓你的網站擁有設計師般精準的配色。

網頁 設計4
圖片來源:Palettable

延伸閱讀:免費配色 網站推薦 讓網站立刻擁有精品質感

網頁 設計

Infogram:輕鬆擁有精美圖表

你常看到各種媒體製作的比較表嗎?其實在銷售頁當中也時常需要使用,而Infogram可以製作精美又複雜的圖表、並且提供上千個模板讓你使用,還在使用簡易的方式呈現表格嗎?試試看Infogram讓你的圖面更有說服力吧!

圖片來源:Infogram

結語

以上我們彙整了做出網頁素材所需要的工具,包含了圖面、去背、排版、字體、配色、圖表,讓你在網站建構初期能夠快速產生自己的頁面。當然這些工具不僅限於零基礎的使用者,對於設計師來說也是相當好的靈感工具,推薦給大家使用。

簽名檔

相關文章