架站資源

XMind 心智圖軟體製作
WordPress相關工具
鵠學苑

XMind 心智圖軟體 – 製作架構圖、魚骨圖,矩陣,時間軸,組織圖,好用軟體推薦!

XMind 是一套製作架構圖的軟體,可以跨電腦、手機、平板使用,只要在裝置上安裝對應 App 或是軟體,就可以製作魚骨圖,矩陣,時間軸,組織圖,不僅這樣他還可以製作甘特圖,但因甘特圖不是此次要教學的項目所以以下不會提到。這套軟體比 PPT 內建的架構圖好用,PPT 在製作時變化不大而且也很容易頓

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

網頁設計配色網站分享與介紹(三)- Google Art Palette

Google Art Palette – 不論是古典或是現代風格的畫家,每個藝術品都有經典的代表顏色,像是梵谷的星夜,你會直接聯想到黑色、藍色與黃色。 Google 做了一個有趣的顏色實驗室,收藏全世界的藝術品,利用電腦計算找出該作品的五種顏色,對於需要大量配色靈感的設計朋友來說,可以嘗試使用配色Google Art Palette – 不論是古典或是現代風格的畫家,每個藝術品都有經典的代表顏色,像是梵谷的星夜,你會直接聯想到黑色、藍色與黃色。 Google 做了一個有趣的顏色實驗室,收藏全世界的藝術品,利用電腦計算找出該作品的五種顏色,對於需要大量配色靈感的設計朋友來說,可以嘗試使用配色

閱讀全文 »
免費影片素材分享
架站資源
鵠學苑

免費影片素材分享(一)- Coverr 與 Videezy 可商用影片下載

免費影片素材分享 企業網站百百種,要打造一個真正符合自身品牌形象又能留住視覺的網站可不容易,很多網站靠著首頁最上面的大圖輪播展現自家的形象或是最新消息等,但有時光靠圖片也很難成為吸引的主力,那麼,企業形象的首頁 Banner 除了輪播之外,有沒有其他方式能夠展現更完整的品牌形象,讓人進入網站後就能馬上吸引目光

閱讀全文 »
Photoshop 版面尺寸
WordPress相關工具
鵠學苑

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

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

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

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

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

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

網頁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設計 時就可以派上用場,現在這發現了一個超級方便的搜字網站“識字體”,可以執行以圖搜字的功能,另外也可以搜尋不同語言的字體

閱讀全文 »

訂閱電子報

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

熱門文章

最新文章

標籤雲

Scroll to Top