架站資源

Photoshop 版面尺寸
WordPress相關工具
鵠學苑

Photoshop 版面尺寸 – 修改圖片比例讓網頁圖片具有整齊統一樣式

Photoshop 版面尺寸 – 之前教過利用 Photoshop功能『影像尺寸』將圖片檔案變小~那這次要像大家介紹 Photoshop 中的『版面尺寸』,那先來了解影像尺寸和版面尺寸的差異在哪?影像尺寸等於縮放整張圖跟整個圖層,有點像是我們的(相片),版面尺寸等於縮放作業區域,並不改變圖本身大小,就像是

閱讀全文 »
WordPress相關工具
鵠學苑

網頁 icon 資源分享 (一) – iconbros 及 ElegantThemes 介紹與使用方式

你常常因為找不到適網頁 icon 資源分享 – 合文案或是不夠美觀的 Icon 而煩惱嗎?或是在設計業主的案子時浪費太多時間繪製 Icon 導致案子延遲嗎?別擔心,還記得我們之前分享過的 『網頁素材分享 – 可商用免費下載 icon 圖示,IconStore 網站介紹』 不管是平面、簡報、網站、 UI 等設計

閱讀全文 »
WooCommerce 點數折扣機制
WordPress相關工具
鵠學苑

WooCommerce 點數折扣機制 – Points and Rewards外掛教學

WooCommerce 點數折扣機制,對使用 WordPress 架設的購物網站而言,使用 WooCommerce 必定是多數人的選擇,而使用 WooCommerce 的好處之一,就是有許多購物機制的外掛模組可以一鍵安裝使用,而本篇文章要介紹的就是購物網站常見的累積點數、點數折抵現金的功能外掛

閱讀全文 »
架站資源
鵠學苑

網頁UI資源分享(二)- 模特圖庫Model.foto與100,000 Faces

網頁 UI 資源分享 – 設計網頁時,不論是在職缺頁面或是團隊介紹,有時候必須加入人物圖片 Demo ,才會讓設計版型顯得完整,交給客戶時比較不會天馬行空的想像,但牽扯到肖像權問題,我們很難從一般圖庫抓取免費的模特使用,本次分享兩個免費可商用模特圖庫資源,希望能夠讓設計師們的網頁平面畫面更完整。

閱讀全文 »
Google 試算表教學
架站資源
鵠學苑

Google 試算表教學 – 條件規則式說明與甘特圖製作

Google 試算表教學 很多人漸漸將Google的office來當作與其他人溝通的橋樑,畢竟我們只要在google上修改內容共享人也會看得見,不用像Word、Excel更改後要再傳來傳去一來容易檔案遺失二來版本演進不好控制。你們有做甘特圖的困擾嗎?Excel插入圖表覺得麻煩,

閱讀全文 »
架站資源
鵠學苑

Recordit Mac 教學 – 免費製作 GIF 圖片功能及在錄製螢幕操作影片

Recordit Mac 教學 閱讀鵠學院文章的讀者,想必都有看過我們使用過 GIF 動畫或者影片方式來呈現我們要表達的畫面,螢幕錄影的功能一般來說不常用到,要不然就是裝了之後找不到他在哪也不記得裝過了什麼。會找到這個螢幕錄影程式是看上了他的免費 GIF 功能及可以在 Windows 及 Mac 上跨平台使用

閱讀全文 »
架站資源
鵠學苑

網頁UI資源分享(一)- Simple Icons 與 Brand Colors SVG 檔案及色碼查詢

相信各位網頁設計師們在設計網頁時,難免會需要用到社群媒體圖示、知名品牌的 Logo 或是要尋找該品牌的色碼。鵠學苑來介紹兩個好用的設計資源網站,能快速地獲得品牌 Logo .SVG 檔案及標準色碼,讓大家不會再因為從 Google 抓取的 .png 圖檔解析度不夠,或是製作連結按鈕時找不到品牌主色色碼而傷腦筋。

閱讀全文 »
架站資源
鵠學苑

Photoshop 影像尺寸 – 修改圖檔大小與裁切比例基礎教學

影像圖片太大跑檔太慢,要怎麼解決?可利用Photoshop功能『影像尺寸』將圖片檔案變小~那在我們改影像大小及解析度前會依目前做什麼案件決定,常遇到案件分為兩種 1.印刷 2.螢幕顯示,如果要『印刷』色彩模式會使用CMYK,單位公分、公釐、英吋,解析度最好在300dpi,印刷出品質會比較好。那如果是『網頁』用

閱讀全文 »
WordPress相關工具
鵠學苑

Mailchimp 設定教學 – 發送電子報、建立模板、預約寄送功能說明

Mailchimp 設定教學 在本篇教學文章將針對 Mailchimp 改版後的設定流程做一次完整的介紹,包含指定訂閱電子報發送群組、建立電子報內容、發送電子報測試郵件等,另外在第二小節中也會說明如何在 Mailchimp 建立電子報模板,讓固定發送電子報的步驟可以省略重新製作電子報模板的動作。

閱讀全文 »
架站資源
鵠學苑

印刷色碼轉換 – 利用 CMYK 色碼找出 Pantone 彩通接近色

印刷色碼轉換 – Pantone 可翻“彩通”、“潘通”是世界通用的色彩語言,一種流行的專色系統,有專門固定的墨水,不管是在印刷、紡織、室內設計裡 Pantone 都有提供多樣專業的色彩。然而日常在設計時一定會擔心顯色的色差問題,那要怎麼確保顏色印製出來沒有誤差,設計師這時就會使用 Pantone 色

閱讀全文 »
架站資源
鵠學苑

Mac 圖片轉檔 – 設定 Mac 內建資料夾自動執行圖檔類型轉換

Mac 圖片轉檔 – 你有發現嗎,我們使用截圖後所產生的圖檔為 PNG ,又稱可攜式網路圖像格式, PNG 是無失真壓縮使用非破壞性壓縮方式,相對來說檔案會比較大。JPG 是一種針對相片影像而廣泛使用的失真壓縮標準方法,也就是說他檔案會比較小,是網路上最普遍的被用來儲存和傳輸相片的格式。

閱讀全文 »
網頁字體工具
架站資源
鵠學苑

網頁字體工具 – 識字體網站介紹,線上以圖找出網頁使用字型

網頁字體工具 – 識字體網站介紹,身為設計的夥伴們一定會遇到一個問題就是,參考別人做的網站,發現有喜歡的特殊字體,想要知道那字體到底是什麼,這樣在做其他設計像是網頁平面定稿或者 Logo設計 時就可以派上用場,現在這發現了一個超級方便的搜字網站“識字體”,可以執行以圖搜字的功能,另外也可以搜尋不同語言的字體

閱讀全文 »
Imgbot 免費圖片工具
架站資源
鵠學苑

Imgbot 免費圖片工具 – 線上調整圖片大小、壓縮、裁切、加入浮水印

Imgbot 免費圖片工具 是一款免安裝多功能工具,透過瀏覽器就可對圖片進行圖片調整大小、裁剪,壓縮圖像或在線為照片添加水印。批量處理圖像並以單個 ZIP 下載所有文件。一次上傳最多 100 張圖片,每個文件最多 25 MB 許多圖片壓縮工具就只有單一功能,很少同時有像是調整圖片尺寸、裁切、浮水印等常用工具

閱讀全文 »
ColorZilla 色碼工具教學
架站資源
鵠學苑

ColorZilla 色碼工具教學,Chrome 擴充程式抓取網頁特定顏色代碼

ColorZilla 製圖軟體 ,在配色、抓色,都會用到類似 Photoshop 內的 “滴管” 來抓取此色塊色號,我們都知道程式內的滴管無法直接抓取網頁上的色塊,那在網頁上看到喜歡的配色、想知道色號套用在自己的圖或網站內你會怎麼做?有種方式是截圖下來後拉進你的做圖程式再用滴管抓色。那有沒有更方便的方法?有的,就是 ColorZilla。

閱讀全文 »

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

標籤雲

Scroll to Top