首頁 部落格 Free Resource
Free Resource
小天使
網路上有很多創新、免費的網頁設計資源,有些可以用於網站的草稿與線稿設計,也有繪圖軟體可以強化網站的視覺設計表現,還有很多奇特的網站提供意想不到的服務,我們樂於收集與分享這些資源給各位。
Free Resource
Jan 04, 2018
【免費資源】有動態效果的懶人電子賀卡工具Canva
先前馬路科技網頁設計曾經介紹過Canva這十分受到歡迎的線上設計工具,最近該公司宣布了一個全新的功能Canva Animation,就是將平面設計的卡片、圖片等變成動態的效果,非常適合用於製作網站的動態圖片內容、廣告、或是電子賀卡寄給客戶都很便利。 首先你要先申請一個免費的Canva帳號後,要開啟Canva for Work的體驗功能,這個體驗功能可以免費使用30天的專業設計功能,但前提是要...
read more
Free Resource
Dec 05, 2017
【免費工具】DesignEVO高度中文化LOGO設計工具
先前介紹的設計資源如Canva、Brandmark等工具,開發商多來自於海外,所以中文的支援性不高,設計出的東西不論是LOGO或形象圖片只能選擇千篇一律的新細明體,後續的文字加工還得搭配其他的設計工具。 今日介紹的DesignEVO是一家有多國語言支援的服務商,不僅支援英文與中文,連日文也有界面可以支援,算是市面上相當少數能夠東方語系的免費設計工具服務商。 首先...
read more
Free Resource
Nov 15, 2017
【免費資源】人工智能技術提昇照片品質服務Lets Enhance
數位相機的問世也有二十年的時間了,從最初的30萬像素到近年主流的2000萬像素品質差了67倍,而影像處理技術也不斷的提昇,雖然這幾年智慧手機的強勢發展下,數位相機的市場全面衰退,一來感嘆原本人手一台的數位相機盛況不再,卻又讚嘆科技居然能讓智慧手機的品質達到如此境界。 看著許多年前拍攝的數位相機相片,品質差強人意,要放上網路、網站或許還行,但要當作印刷物使用大概是沒有可能了,但如果該照...
read more
Free Resource
Sep 12, 2017
【教學】史上最簡單!用Facebook Messager讓網頁具有線上聊天功能
  網頁設計中必然出現的「聯絡我們」是當今商業網站,客戶能夠聯絡到你的最重要管道,所以企業會竭盡所能的公開企業的聯絡方式:電話、手機、E-mail相關資訊給潛在的客戶。   雖然E-mail是不錯的商務溝通工具,但公開E-mail很容易引來垃圾郵件,很容易讓重要的郵件與垃圾郵件混在一起,所以大多企業選擇以線上表單的方式取代公開E-mail。 &n...
read more
Free Resource
Sep 08, 2017
【新奇】奇幻風格的圖示產生器,讓網頁樣貌大蛻變
  自從UI與UX設計成為網頁設計重心的一部分時,很多同事花上許多時間,製作出適合客戶的界面與圖示,不過,看來看去不外乎那一些常見的按鈕,像是「資料夾」一定是長方形的圖示上再突出一個小小的長方形、「購物車」就是一個購物籃底下有兩個圓圈圈的輪子...看來看去就是這一些,有沒有什麼變化呢?   來一點不一樣的吧!就像是本人最近看了一本的商業管理書《遊戲化實...
read more
Free Resource
Aug 25, 2017
【教學】在網頁內崁入Facebook照片
如果大家以為網路相簿的龍頭還是Google Photos或Yahoo Flickr兩強相爭,那可就錯了,其實Facebook的相簿功能一直在進化,尤其是相片的留言/互動功能是所有媒體平台最強的,可惜畫面的品質來說並不是最優的。但Facebook的優勢是任何時候都能快速上傳照片,以及上傳照片易於分享與擴散等優點,越來越多的人將個人相簿放在Facebook、或企業相簿放在Facebook的粉絲頁上。 ...
read more
Free Resource
Aug 18, 2017
【教學】在網頁內崁入Facebook影片
Facebook強力經營影音市場 很久以前,網頁還在使用Flash動畫的那個年代,使用影片於網頁設計的技巧還不普及,主要的原因是影片的製作不易,與網路的頻寬空間不足,只有國際級的企業才有財力,將影片放在網站上展示自家雄厚的設計實力。如今,智慧手機已經可以拍攝出4K品質的影片、網路的頻寬與空間也比起過去資源更多,使得網頁影片成為相當常見的設計技巧。 一般來說,提到網頁影片,大部分...
read more
Free Resource
Jun 30, 2017
超簡單入手網頁設計曲線設計軟體Boxy SVG
向量設計軟體是網頁設計師的最愛,他的優點多到數不清:線條靈活、色彩多變、用途廣泛,除了網頁設計外,連印刷工作者都超愛使用向量設計軟體。不過向量設計軟體霸主Illustrator並不便宜,一套商業版本都需要數萬元的授權費用,在辦公室內很難人手一套。 今日要推薦的向量設計軟體,不僅用法近似於Illustrator,能夠安裝於Chrome瀏覽器上,最棒的是完全免費,若工作場合沒有Illus...
read more
Free Resource
Jun 20, 2017
可愛免費女性網頁設計素材
一般的素材網站大多很中性,當然透過PS的巧手,可以將各式各樣的圖片化身成為女性風格的感受,但是每次看到女性網頁設計素材,仍是讓我忍不住想與大家分享一下。 今天要與大家介紹的免費女性網頁素材網名為 Girlydrop.com,這是一個純日系的日本女性網頁設計素材的入口,站長提供的照片都是自己拍攝的素材,從風景、人物、服飾、建築、生日等,都是你我每天都相當熟悉的素材,即使是自己家中的毛小...
read more
Free Resource
Jun 01, 2017
免費工具Canva製作Facebook粉絲網頁設計
  製作Facebook粉絲網頁設計時,是不是覺得尺寸十分的不容易控制?寬度、高度都是限制住的情況下,許多設計師都覺得不太容易發揮自己的設計實力,更何況是一般初學Facebook的網站管理員與小編了。今天要與大家分享一個非常強力卻簡易的網站:Canva,成為會員後,就能夠快速的製作完美的Facebook粉絲網頁主圖喔!   首先你要成為Canva的會員...
read more
Free Resource
May 25, 2017
超實用網頁設計毛筆字產生器
設計一個好的網站,字體的呈現有很大的影響力,因此國外許多專業的網頁設計團隊,在字體上下了很大的功夫。只是由英文字母組成的字體選擇不僅無法套用在華人的網站上,即使套用了變化之差異也不足以引想網站設計的品質。   中文字體除了透過購買字體庫這個管道以外,還有一個辦法是透過網路上的「字體產生器」,將中文字體變成圖形之後,將檔案儲存用於網頁設計使用,不僅可以節省一筆採購字體的...
read more
Free Resource
Oct 12, 2016
用點陣工具做好網頁設計
復古科技設計風 設計師相信:任何工具都可以成就一個美好的網頁設計,而且簡單易用的工具,越能夠專注做出更有風味的作品。今天我們要分享一個單純到一個不能再簡單的工具:make8bitart.com,工具很簡單,就是用來繪製8位元點陣圖的網路服務。 在記憶體與處理器都受限的80、90年代,8位元點陣圖是電腦繪圖的唯一選擇,從遊樂器、麥金塔電腦到Windows 3.1都有大量的點陣圖元...
read more
Free Resource
Oct 04, 2016
日系女性網頁設計免費素材
不同的企業組織,網頁設計的風格自然不同,自然使用的素材也會有些不同,女性訴求的網頁設計線條柔和,顏色以冷暖色為主,視覺則使用相符性質的素材所組成。 以女性為族群的網頁設計,十分重視視覺的呈現樣式,除了手繪、攝影外,一些網路上的免費素材能夠幫助你做出理想的女性網頁風格。 以下分享四個日本女性風格的素材: http://girlysozai.com/ 主打女性網頁設計素材的...
read more
Free Resource
Apr 01, 2016
網頁設計好幫手:將Word文件轉換成HTML
Word是文書編輯軟體界的王者,從20年前個人電腦普及的那一刻,Word幾乎是每台電腦必定會安裝的軟體。即使是網路普及的世代,仍沒有幾套軟體能夠做出Word才能設計出的文件或表格。 然而將Word的文件放上網路,是一件頗痛苦的事情,很多初次接觸網站管理的人,直接就將Word的圖文貼上了網頁後台的編輯器上,出現了不可預測的錯誤。原因在於Word內有很多隱藏的控制碼,用於控制字體、行距、...
read more
Free Resource
Feb 25, 2016
免費網頁畫面截圖工具
在網頁設計的過程中,網頁截圖是一件很常見的工作,只要一個Print Screen按鍵,加上簡易的圖示就能夠溝通。不過,當你想要擷取所有的網頁畫面,或網頁的尺寸超過了電腦螢幕大小,該如何擷取呢?以下是馬路科技設計師分享的網頁服務,您一定會用得到! 對於網頁視覺設計師而言,這或許不是很困難的問題,只要多擷取幾張圖片,透過Photoshop拼接起來就可以了,但是對於不熟悉影像工具的專案人員...
read more
Free Resource
Jun 26, 2015
可用於網頁設計的彩色QR Code產生器
先前介紹過許多QR Code的產生工具,都能夠應用於平面印刷、名片設計、網頁設計等用途上,不過市面上大部分的QR Code工具多以黑白點陣圖片為主,可能頂多添加一點色調或是造型,設計感上缺少了一些色彩與特色,今天與大家分享一個來自台灣團隊設計的Tide Q,所設計的APP就能讓你的QR Code與眾不同吸引大眾目光。 下載了之後,會看到簡短的使用介紹,從看完介紹到完成設計的時間,大約...
read more
Free Resource
Dec 11, 2014
免費橫幅廣告設計網站
經常為您的網站添加新的內容,是增加網站流量與提昇曝光的不二法門。我們今天與大家分享一個專門製作廣告圖片的網站Banner Maker,不需要安裝軟體也不用付費,就可以用簡易的工具製作出需要的廣告圖片。 首先是輸入您要製作的圖片尺寸,可以使用預設的圖片或是自訂大小。 接著您可以參考一下現有的範本,如果有喜歡的可以馬上取用並且修改成您想要的樣式,可以節省很多時間。如果沒有喜...
read more
Free Resource
Sep 01, 2014
大英圖書館百萬館藏圖片開放設計使用
人類文明寶庫:大英圖書館 近年台灣的設計風潮出現了一股復古風,最有名的案例就是「康熙字典體」不僅大量用於廣告、網頁設計與平面設計外,連故宮博物院的商品都印上「朕知道了」造成轟動。 最近,世界知明的大英圖書館,宣佈將其館藏的百萬張圖片,放置於Flickr的部份,可以供任何人使用,混用與重製,用於公共領域。這樣的創新舉動不僅是文化界高度矚目的事件,也是從事設計工作者的一大的福音。 ...
read more
Free Resource
Nov 11, 2014
將Facebook貼文嵌入網頁內
今年Facebook開放了一個全新的功能:嵌入貼文,網頁設計人員或是網頁管理員只要幾個簡單的步驟,就可以讓您現在經營的Facebook粉絲團,與官方網站有更多元的互動。   以下我們用很簡單的圖文介紹方式,告訴您如何使用這樣的功能:     (function(d, s, id) { var js, fjs = d.getElemen...
read more
Free Resource
Dec 17, 2013
網頁設計色彩免費工具:Adobe Kuler
色彩好幫手Kuler 挑選好了喜愛的顏色,要如何告知網頁設計師,一直是企業與網頁設計公司經常存在的困擾,透過了免費的Adobe Kuler的機制,可以看到您挑遠的顏色的RGB與HEX色碼,只要將這個網頁擷取或告知色碼,所有的設計師都能精準的設計出您想要的色彩效果。 Adobe Kuler看起來介面非常的專業,但其實即使是沒有學過設計的人,也可以用滑鼠輕鬆的找到喜愛的組合。Ado...
read more
Free Resource
Nov 12, 2014
網頁設計工具:Google Web Designer震撼彈問世
長久以來Adobe Dreamweaver是專業網頁設計人士的標準軟體,更早之前微軟的Frontpage則是以易學易用深受初學者喜愛,除此之外的網頁設計軟體普及程度就不高了。然而這樣的局面或許就要被Google這個產業巨人所改變,因為近日Google對外公開了一個過去從未發表的工具:Google Web Designer。 第一個主打的特色就是網頁動畫,採用了類似影音編輯軟體的概念,...
read more
Free Resource
Aug 08, 2013
用於網頁設計的QR Code產生器
QR Code(二維條碼)的應用從過去物流追蹤、商品身份驗證的用途,演變至今天成為了網頁設計與網路行銷的輔助工具,最大的功臣當然是已經十分普及的智慧手機與平板電腦,只要簡單的對準黑白分明的圖樣,就能將您的客戶帶到您的網頁或是粉絲團。 如何產生出對於網頁設計、網路行銷有幫助的QR Code(二維條碼)?以下我們將會分享幾個簡易使用的QR Code產生工具: Goo.gl短網址產生...
read more
Free Resource
Jun 06, 2014
免費網頁設計/繪圖工具:Pixlr
對於專業的網頁設計師來說Photoshop早已經是必備的軟體,但對於一些業餘的設計師,或是有公務派駐在外的設計師來說,一套免費但功能近似Photoshop的軟體就顯得十分重要。今日要與各位分享一套免下載,只要有網路與瀏覽器就能夠運行的網頁設計/繪圖修圖/視覺特效軟體Pixlr! 這一套免費的軟體有個非常特別的地方,就是無須下載,可以直接於瀏覽器上如:Chrome與Firefox操作,...
read more
Free Resource
Feb 25, 2014
6個出色的Java Script網頁設計
隨著網頁技術的不斷開發,Java Script(簡稱JS)從過去只能夠跳出單純的文字視窗、文字變色,演進到今日能夠產生各類高質感的網頁效果,受到了網頁設計師的高度歡迎。 首先與大家分享為何網頁設計師喜歡Java Script,他的最大優點就是跨平台,幾乎任何裝置都能夠執行JS編碼:智慧手機、平板電腦、智慧電視等都能夠正確呈現無礙,成為網站設計者最常使用的技術。反倒是視覺效果較出色的Flash...
read more
Free Resource
Sep 27, 2012
免費去除顏色軟體「Photo Black & Color」
專業的數位相機以及影像處理,大多有一個令人激賞的功能:色彩去除。玩家可以將照片變成黑白色彩,但是僅只保留指定的顏色。不過在Photoshop等軟體上進行較為複雜,一般非設計人士做起來耗時費力,現在現在讓我們介紹一套十分好用的免費軟體:Photo Black & Color可以滿足去除色彩的需求。 下載安裝好後,將照片讀取到程式內,使用者可以使用吸管指標,指定特定的照片顏色、以...
read more
Free Resource
Apr 24, 2013
Photoshop紋理免費圖庫分享
紋理(Pattern)是設計產業中,常見的設計元素,例如人人印象深刻的蘇格蘭裙花紋、室內設計所使用的壁紙、公共藝術中可見的馬賽克圖案、甚至是漫畫等,都可以看到紋理的廣泛應用。 一般來說,紋理具有:低對比、低辨識、不干擾主題內容呈現,豐富視覺等特色,好的紋理能夠點綴形象,襯托出極佳的視覺感,當然也有強烈視覺紋理足以擔當視覺主要元素,達到藝術或是商業目的。 而電腦視覺設計師會使用的紋理技巧...
read more
Free Resource
Aug 09, 2013
Google提供Flash轉換HTML5的實驗性質服務
數個月前Adobe與Apple爭論不休的Flash支援問題,或許已經是許多消費者已經厭倦討論的話題,畢竟兩家公司都有其正當理由支援與不支援Flash。Apple一方表示Flash易導致系統不穩與耗電增加、Adobe則認為上述問題不是重點,而是Apple不願主動支援。 不過大部分的網站都沒有因為兩造的爭執而停止了網路的發展,其中最受矚目的HTML5已經可以取代許多過去只有Flash才辦...
read more
Free Resource
Aug 09, 2010
百種網頁設計小圖免費下載
想要讓自己的網站看起來更時尚?或是讓商業簡報更具有個性?您一定很需要各式各樣的圖片。圖片雖然都是簡單的構圖,但是任何熟悉3C或是網路產業的人,對於以下的圖示一定都不陌生。 這裡我們找尋了百種世界上頂尖的商業設計公司,所提供的免費圖片可以供您使用,不論是網路巨擎Google、時下最流行的Facebook或是各類商務相關的圖示,都可以找到,相信對於您的設計工作會更有幫助。 Kach...
read more
Free Resource
Feb 28, 2013
比較圖片壓縮品質的免費軟體:RIOT
圖片大小影響網頁讀取速度 過去網路頻寬資源珍貴的時代中,網頁使用圖片必須十分的謹慎,因為只要圖片過大,就容易造成網頁讀取過慢,導致網站無法開啟的問題十分的常見,因此網頁設計人員大多有一些軟體,例如PhotoImpact可以用來比較壓縮圖片的品質較功能,你可以自己設定JPEG檔案的壓縮程度,順便看看跟原圖是否壓過了頭。 如今網路頻寬已經比起十年多前不可同日而語,然而網站的大小依然...
read more
Free Resource
Apr 03, 2014
不用Flash的幻燈片軟體Visual Lightbox
大部分的設計師,想要設計一個相片幻燈片的網頁,可能第一個想到的工具就是Flash,不過對於不熟悉Flash的一般人來說,製作相片幻燈片就是較為高深的工作,然而如今有一套不錯的軟體,能夠幫您做到客製化的相片幻燈片效果:Visual Lightbox。 Visual Lightbox這一套軟體的最大優點,就是使用JQuery的技術,製作出相片幻燈片,操作的介面十分的簡易,只要透過幾個簡單...
read more
Free Resource
Aug 02, 2010
10個特殊的CSS技術和實例介紹
10個特殊的CSS技術和實例介紹 在廣大的網海中,有著成千上萬許許多多的網站,優秀的網頁設計也是多倒數不清。此篇以CSS樣式表為主,找尋其中 20個優秀的CSS技術和實例來介紹 ,這些網站優秀展示了CSS的能力和穩健性。 您會看到各種不同的 技術,如照片畫廊,陰影,可伸縮的按鈕,選單和更多種CSS技術,所有的實例只用CSS和HTML。開始往下欣賞CSS的魅力吧! 01. Hover...
read more
Free Resource
Feb 04, 2012
網頁設計幫手-調和色產生器
Windows 8與Windows Phone作業系統的問世,給予大家最強烈的印象, 就是色彩十分柔和順眼的色塊使用。有不少網頁設計的客戶看到了這種概念,表示有意願將網頁改變成這樣的型態,或是使用類似的色彩概念。 設計師的角度來說,這樣的色彩應用是「調和色」(Tempera)的應用之一。所謂的調和色,就是指兩種或以上的色彩均含有共同的色素,當並列配置一起時產生協調的感覺。這樣的設計概...
read more
Free Resource
Jul 09, 2017
【工具】製作LOGO困擾你?有智慧的LOGO產生器問世了
LOGO的用途廣泛,不只是企業,有時一個樂團、一個社團、或是一個想要有自己風格的個人也蠻需要的。LOGO的製作沒有什麼限制,但仍需要有一點點的設計天份,所以大多設計LOGO的人都是視覺設計師,偶爾網頁設計師也有設計LOGO的經驗,如果你剛好不是設計師,除了花錢請人設計以外,你也可以試試看這個自動產生工具。 brandmark.io這個LOGO是透過網頁所設計出來的,俗稱「產生...
read more
Free Resource
May 12, 2011
企業應該經營部落格的六大理由
馬路科技網頁設計公司經過了十幾年的推廣與努力,已經服務過近千家的台灣企業,加上商業e化的腳步不斷的加速,企業擁有自己的網站已經是必然的趨勢。然而當我們再與客戶談及網站以外的網路行銷時,發現其實大部分的客戶並沒有繼續的發展。 以近年來已經盛行已久的部落格來說,大部分的客戶都已經知道部落格是一個建立個人網站、發表與傳遞訊息極為快速的平台服務,但是卻鮮少有企業有意朝向部落格行銷邁進,錯失了...
read more
Free Resource
Feb 13, 2011
善用網路免費資源 提昇網路行銷效益
當不論您是否刻意注意網路的訊息與否,一定知道網路上有無數的免費資源,網路最早期的免費服務從分享軟體、電子郵件、即時通訊軟體,到近年來媒體強力曝光的網路遊戲,都是網路免費服務所涵蓋的範圍。不過,馬路科技與客戶的長期合作中發現,除了製作網站以外,能夠善用網路的免費資源的客戶並不多,其中最大的因素是:免費資源能夠帶給我們什麼好處? 網路上的免費資源種類多如繁星,其中有哪一些能夠幫助網路行銷...
read more