分類 網頁設計

20220718

Font Awesome:最漂亮的 ICON 字型使用

Font Awesome 俗稱 Icon Font,細節就不花太多篇幅介紹,只要知道他就是一個長得像 Icon 的字體,可以跟字體一樣放大、縮小、改顏色、插入到文章中,呈現的樣式跟字體完全一模一樣,減少了文章中每次要使用到 Icon 就得插入圖片的麻煩。
20220701

字體設計:版型設計的技巧

每個人撰寫部落格文章時都有屬於自己的內文排版風格,但在首頁的文章 List 排版時卻都比較不太會注意到一些細節,大部分的設計都比較注重在字體設計的大小為主,甚少用其技巧方法來設計。
20220520

6 點分析告訴你部落格需要側邊欄嗎?

每次和部落客討落部落格版型時都會碰到相同的問題,我的部落格該不該留著側邊欄?如果以設計的美觀來討論這個問題會比較難有統一的答案,畢竟設計是很主觀的,但如果以 SEO 來討論側邊欄是否該保留很快就會有共識了。
20220617

5 個步驟學會部落格版型設計漂亮的訣竅

許多人架設部落格時總會為了該挑選怎麼樣的部落格版型設計感到困擾,往往花了不少的金錢與時間卻沒法幫自己的版型做到滿意的設計,又或是看著一樣的版型為什麼他套用了就很好看,我套用了卻感覺少了什麼樣的感覺,其實版型不需要花費太多的時間拘泥,只要掌握以下 5 個步驟便可以完成 80 分的版型設計。
20220529 4

WebP 格式圖檔,讓網站速度變快也讓 SEO 變好

WebP 是 Google 近幾年力推的網路圖檔格式,優點就是檔案可以縮小很多但畫質卻一樣好,除了可以提升網站速度之外更可以增加 SEO(速度提升是 SEO 的一部份判斷原因但並非完全的主因),是未來網站的圖片主流,會慢慢取代大家目前所熟悉的 JPG 圖檔格式。
20220505 1

Adobe Stock:Adobe 出品的免費圖庫

Adobe Stock 是 Adobe 官方開放給所有創作者使用的網站,除了有付費的高品質相片、影片、插圖、向量圖形、3D 等資產和範本,最近更提供了 70,000 張免費圖片供創作者使用,在合理範圍內更能使用在商業用途上。
20220417 2

4cUrls:一鍵複製中文連結並移除多餘的網址參數

如果你覺得複製中文命名的網址會變成一串亂碼,又或是複製一些網址常常後面會有一堆亂七八糟的參數,變成最後不管複製什麼網址都要用縮網址,那我推薦 Google 瀏覽器安裝 4cUrls 外掛,以上的困擾便能都迎刃而解,雖然不是什麼可以增加 SEO 或是強大的工具,但在文章排版上卻是非常實用的(特別是處女座)。
20220208

部落格文章排版的諸多細節與注意事項

近日協助許多部落客們更換部落格版型,在更換的過程中也看了許多人的文章排版,發現大部分的部落客在排版上都很用心,包含了許多的 延伸閱讀、文章分享、側邊欄的設計等細節,但這些都是有必要存在或是該直接放棄呢?該把文章設定成讀者看完一篇文章就會離開又或是會一篇接著一篇閱讀下去的模式也是非常值得考量的。
20210830

部落格圖片尺寸的設定與規則

部落格經營我們常會討論到圖片尺寸的規格、檔案大小還有浮水印等問題,但甚少有人可以比較明確指出該怎麼做比較好,可以在照片清晰度、網站速度上取得平衡,又或是現在越來越多平台與媒體與部落客們合作,他們對於照片的索取又會有什麼樣的看法呢?
20210901

JPEGmini:市面上最厲害的圖片優化軟體

一直以來都建議每個人壓縮照片盡量使用 Photoshop 或 Lightroom,因為相同的照片尺寸經過處理後卻可以得到容量更小的檔案還有更優質的影像品質,目前市面上還沒有其他軟體可以達到相同效果,只是 Adobe 的軟體目前單價並不便宜,加上並非每個人都可以上手複雜的設定,確實可惜。