設計i日誌

製作Lottie動畫，讓網頁透過動畫設計更加生動

從過去數十年來，我們一直在使用JPEG、GIF和PNG等Web圖形格式。儘管這些格式為我們提供了動畫和靜態圖像的支援，但它們的品質經常無法達到我們的預期。不過，現在有了Lottie，這是一個開源的、高效的解決方案，它可以讓我們輕鬆實現各種複雜的動畫效果。

【如何選擇網站設計素材？】應該使用圖庫照片，還是請攝影商來拍照？ | 愛貝斯網路

無論哪種產業，都會遇到網站設計素材的選擇問題，帶入 CIS 企業識別系統、合法付費圖庫、攝影商拍照，這些都是「品牌化」的必經路程，尤其是草創與推廣期「展現品牌風格」更是重要。

RWD響應式網頁設計核心：9大基本原則解析

響應式網頁(RWD)是可以一次解決多種數位裝置顯示的最佳解決方案。多螢時代下，只為桌機或手機單一版本製作的網頁設計也已經過時了。本篇文章告訴大家9個響應式網頁設計的基本原則，提升網站使用體驗。

【SEO文案怎麼寫才好看？】排名很重要，排版更重要！ | 愛貝斯網路

合格的 SEO 文案是讓 Google 喜歡，但若想讓文案增值， 讀者觀感就非常重要。畢竟文案是為了傳遞重要訊息而撰寫，好的文案排版、敘述方式，將能使讀者更快理解你的思想，也不會被參差不齊的雜訊所干擾。

【CIS企業識別的重要性】網站想要做的好，企業DNA不能少

CIS企業識別系統與LOGO設計的差異性何在?品牌企業的價值與營運，需要透過視覺化的意象整合企業的一體性。作為線上門面的網站，更是代表一間企業的關鍵。有了客製化網站設計與CIS企業識別地結合，才能有效昇華企業的靈魂。

【深色主題的網頁設計】探討黑暗模式的優缺點，配色如何使用？

「深色模式」為近年最夯的背景主題，許多廠商將深色主題的網頁設計納為考量，本文將比較黑暗模式優點與缺點，並舉深色主題的網頁設計案例進行網站設計深度探討。

【飯店/民宿網頁設計】消費者要的不只是一張床，UX/UI設計談 | 愛貝斯網路

近年飯店旅宿業競爭，住宿平台無法凸顯房間的美感優勢，除了部落客推廣之外，飯店網頁設計的建立絕對是最好的選擇。有了網站才能提供顧客即時且正確的資訊，因此網站設計與網站內容規劃成了網路行銷上，至關重要一環。

【個資外洩怎麼辦？】身為購物車的管理業主，你必須知道的三大資安知識！ | 愛貝斯網路

購物資訊安全面面觀，身為購物車的管理業主，更要知道購物車需要注意的資安有哪些。針對資安的控管，百密難免會有一疏，若不幸遇到個資外洩又該如何處理？

設計界矚目！Figma Config 2025 大會引領 UI/UX 流程革命

Figma 在 Config 2025 所推出的五大重磅更新，不僅是單一工具的提升，而是一次對整個設計流程的系統性優化。從向量繪圖到網站建置，從原型生成到品牌資產管理，再到更強大的動態排版系統，讓設計更高效、跨部門協作更順暢、產品落地更快速。

中華電信SSL憑證被Chrome移除信任？網站安全影響與對策一次看懂

這次 Chrome 的信任政策調整，僅針對2025年8月1日起中華電信所簽發的新憑證。若您的網站憑證是在此日期之前簽發，仍可正常使用。但若您預計在2025年8月1日後續期或新增憑證，請務必儘早規劃替代方案，以避免在 Chrome 瀏覽器上被標示為「不安全網站」。建議儘快改用受信任的憑證機構進行申請或轉換設定，確保網站連線安全不間斷，使用者瀏覽體驗不中斷。

如何撰寫SEO Title和Description (網頁TDK)？SEO優化的秘訣?

網頁的TDK(Title標題/Description描述/Keyword關鍵詞)撰寫為SEO最重要的一環，TDK字數與關鍵字寫法前後都有相當大的學問。要做好SEO不只要寫好一篇文案，還得強化TDK的操作！

AEO與SEO的差異，答案引擎優化和搜尋引擎優化的分別？

AEO答案引擎優化和SEO搜尋引擎優化，都是提升網站在搜尋引擎表現的策略，但它們的重點和目的略有不同。SEO專注提升搜尋排名與流量，而AEO則聚焦提供精確答案以滿足用戶即時需求，是適應未來搜尋行為的趨勢。

【301轉址設定教學】301 / 302 轉址對 SEO 的重要性，網站改版必做！

SEO常見的301轉址和302轉址不只是新舊網址跳轉，還包括了頁面權重、流量的轉移，少了這個動作，搜尋引擎會將舊網址與新網址判斷為各自獨立的內容，對SEO排名來講就會是一個損傷。

【SEO 必讀知識】Schema 是什麼？（Google 結構化資料標記）

Google 結構化資料標記（Schema）能讓網站內容以多元版面呈現在搜尋結果上，吸引讀者的目光，對 SEO 十分重要。本篇文章將會介紹 Google 結構化資料標記是什麼、有哪些類型，以及如何執行的重要步驟。

2024 網頁設計｜不能錯過的流行趨勢與創意關鍵

設計(Design)，向來是愛貝斯所注重以及重點關注的一環，而2024的現在，又有哪些設計風格與手法，是我們所觀察到，在網頁設計領域中，必須要注意的流行趨勢呢? 我們整理了六大主題與你分享，一起進入設計vs美學風格的領域。

Figma 2024大規模更新，探討AI 技術對 UXUI 設計的影響

在AI的浪潮下，Figma 新增了生成式 AI 工具，使用戶能夠快速創建初步設計、構建原型應用、連接設計頁面，甚至撰寫建議內容等。在 AI 高度發展的時代，設計師的工作範疇和設計流程必然需要重新審視。

什麼是API，什麼情境會需要使用API？

API 用於應用程式之間的數據共享和功能整合。API 的應用情境包含跨平台通信、集成第三方服務、自動化工作流程等，提升工作效率並減少錯誤。了解什麼是API有助於開發更高效的應用程式。

如何使用Gmail的SMTP發送信件？取得Google 應用程式密碼

想要用Gmail發送官網信件，卻不知道怎麼拿到SMTP資訊嗎？開啟Google兩步驟驗證後，還要取得google應用程式密碼，讓網站可以借用gmail的SMTP功能發信。

2023年度8款網頁動畫製作軟體工具推薦

動畫對網頁的重要性不言而喻。它不僅使網頁變得更具吸引力，還提供了許多優勢。本篇文章提供9款好用的網頁製作動畫工具評測說明

【2023年網頁設計五大趨勢】掌握設計新趨勢

本篇文章中我們將會為您解說2023年的網站設計五大趨勢，透過「使用者體驗」及愛貝斯深耕響應式網站多年的經驗，來帶您一起分享網頁設計五大趨勢重點方向。

如何打造符合品牌定位的形象網站? 5大重點須知

形象網站就像是企業或品牌的名片，會成為消費者對品牌的第一印象，好的形象網站能夠完整呈現品牌形象，展現品牌風格，讓客戶一眼就譨了解品牌特點。

網頁設計如何挑選主機？要給網站設計公司主機代管嗎？

有了網站之後，免不了一定會需要穩定的網站主機空間。現今市面上有分虛擬主機、雲端主機、專屬主機、實體主機等琳瑯滿目不同主機規格，對於剛踏入這複雜的網路世界初學者們，往往不知道該如何選擇自己合適的主機空間。 其實，每個人的網站需求都不一樣，有些是單純介紹公司產品的形象網站、有些是在網路上販售的購物網站，要如何挑選自己滿意的主機代管服務，需要先有以下的背景知識。

設計網站問題一堆？別錯過設計網站推薦的實用秘訣！

設計網站遇到一堆困難嗎？尤其是接案幫客戶設計時，難免在溝通上都會遇到一些小狀況，或是網站設計到一半時，腦袋就宣告油盡燈枯、靈感耗盡，此時又該如何讓自己恢復狀態呢？本篇除了要聊聊如何解決設計網站時常見的困擾外，也要與各位分享擺脫靈感枯竭的推薦秘訣喔！

為什麼自己做SEO很容易失敗？SEO優化四大注意事項！

為什麼SEO關鍵字優化會失敗?內容行銷等於免費流量?完成一篇SEO文案沒有想像的容易，需要適時評測關鍵字難度keyword seo difficulty、錨文本link anchor text、反向連結backlink等SEO因素。

為什麼我需要做網站？網站設計能帶來什麼效益？

建置網站到底有沒有必要性？網站是陌生潛在客戶認識你的唯一方式，更是24小時工作最忠實的員工，能隨時隨地向顧客展示產品與服務內容。

客製化網頁設計服務有什麼優點? 必須選擇客製化的5個理由

網站架設的主要目的絕不只是「被閱讀而已」，更要「有效率地被導讀、導流」完成網站成效目標，仔細了解客製化網站設計的優缺點，讓專業網頁設計公司為企業品牌量身規劃，完美完成營銷任務，更可同時優化網站SEO。

【有了網站為什麼需要做SEO？】擺脫社群限制，創造自己的行銷平台 | 愛貝斯網頁設計

伴隨Facebook演算法的不斷改變，沒人曉得哪天觸及率會再次被調低。因此業主們們紛紛轉換社群行銷的窗口，投入LINE與Instagram。然而使用者都在社群瀏覽(FB、LINE、IG等)，網站為什麼還需要做SEO?原因很簡單，在消費者注意力分散的時代下，多管道進行才能有更多機會讓人看到你。畢竟網路世界是籌碼的世界，籌碼堆得愈多，曝光率也相對愈高。

架設網站需要注意哪些細節？網頁設計的8個重點

行銷工具永遠要從消費者的角度思考，當消費者使用電腦跟手機的地點、目的不同時，我們也要賦予電腦、手機版網站不同的功能。首先，確定客戶用手機查詢你的資訊時，最想看到什麼，就是網站的重點，同時也是決定要做響應式網頁的重要關鍵。

響應式網站的挑戰書

響應式網站下了各種挑戰書出去，在架設網站時不管你想不想接受，響應式網頁都會是不可避免的新浪潮！最直接的戰書接受者如PM、網站企劃、視覺設計師、F2E工程師、網管、行銷、美編、經營者、行銷主管和使用者的便利性。

這個網頁無法正確載入Google 地圖? Google Map API 開始收費了 愛貝斯網頁設計教你怎麼申請Google MAP API KEY

最近會看到「這個網頁無法正確載入 Google 地圖」? 原來是一向免費的Google Map API開始收費了。 2018.07.16以後必須申請google map api key以及綁定信用卡才可繼續使用。愛貝斯網頁設計教你怎麼申請google api key，讓您的網站不會被google map上浮水印。文章中還包括：哪種Google Map會被收費？Google Map怎麼收費？是否有免費額度？等訊息喔

wordpress架站和網頁設計公司製作有什麼差異?

Wordpress的確有提供很多免費的模板可以供使用者挑選使用，但有時許多限制反正無法符合使用者需求。專業的網頁設計公司可以幫您作客製化修改，讓網站更符合企業的使用

SSL憑證比較，免費SSL跟付費有什麼差別？

2015年免費的Let's Encrypt SSL開始服務，這跟付費的SSL有甚麼樣的差異呢？大家都知道SSL會影響SEO分數，而且沒有SSL的網站還會被chrome標註不安全，如何挑選SSL變成的網頁設計的重點之一。

什麼是 Let's Encrypt 免費SSL?

Let’s Encrypt SSL宗旨為推廣全球資訊網伺服器的安全性，使加密無所不在，並於2015年發布Let’s Encrypt SSL憑證服務供網站免費使用。

行動裝置成了未來趨勢，桌上型電腦將漸漸沒落

市場研究機構StatCounter在十月的調查顯示，全球智慧型手機與平板裝置的網路使用量首次超越了桌上型電腦，透過行動裝置上網的比例為51.3%，桌上型電腦則占48.7%。

Google修改搜尋演算法，未來排序將以行動優先

Google這幾年為提倡行動版內容，在搜尋中不斷提高行動版網頁的搜尋排序權重，近日再宣佈未來將逐步以行動版內容決定網站搜尋排名，將影響不重視行動版內容的網站排序。

多螢世代來臨! 台灣使用行動裝置人口超過1600萬人

台灣正全面進入跨螢世代，超過77%多螢使用者擁有3個以上行動裝置，排名亞洲第二，其中以智慧型手機及平板最為普及，同時使用兩者比例更高達三成。

Chrome 取代 IE，成為最多人使用的瀏覽器

Chrome於今天四月首度超越IE，成為最多人使用的瀏覽器，Mozilla、Firefox與safari緊追在後。

分析關鍵字不應單看搜尋量，更要剖析搜尋背後的動機

要做好關鍵字SEO，一定要先了解用戶搜尋動機!

Google準備再度提高「行動友善」網頁的排名

Google今年5月再度更新了搜尋規則，「行動友善度」的影響力又提升，讓行動裝置使用者更容易找到友善的網頁。

中小企業求轉型? Google：趕快擁抱行動網路

經濟不景氣，大家都在思考如何突破困境，或許從行動、網路可以找到一些機會，Google將探討大中華區「行動第一」的趨勢和成長!

別再讓網友迷失在點擊中，2015 年十大網頁設計趨勢

2015年網頁設計十大趨勢，讓設計更有創意更符合時代潮流!

網路大不同

響應式網頁設計的網站，在單一程式碼的基礎上運行，呈現符合終端使用者裝置特性的內容，讓使用者在各種瀏覽器及裝置上都能體驗一致且最佳化的內容。這也就是Google演算法對「行動友善」的定義!

研考會：智慧型手機上網率達53％，成為最夯載具

五個網頁設計建議，幫你增加頁面轉換率

眼見為實耳聽為虛。人腦處理視覺信息的速度是文字信息的50倍。因此，借助視覺刺激讓他人執行動作要比利用口頭交流或文字更為容易，此原理也適用於網站設計。當訪客面對眾多選擇時，最重要的是從感性層面吸引他們，但你只有幾秒時間來完成這一步。

使用行動條碼有哪些技巧，可以幫助行銷曝光呢？

掃描QR Code就像在玩遊戲，不管會不會用手機，大家都在瘋行動條碼。倒底要怎麼運用行動條碼，才能為我帶來更多曝光效果及更多商機呢？

開發行動版網頁遇到的挑戰

最近遇到一個有趣的問題，看似簡單但真的跳下去做卻發現不容易，這個東西叫做：行動版網頁。