ABLE 模板與元件 (Figma) 介紹

更新於 發佈於 閱讀時間約 2 分鐘


產品簡介

ABLE 累積超過 2,000 個設計畫面的寶貴經驗,橫跨科技新創、文化出版和電子商務等多個領域。我們致力於協助客戶打造品牌網站和內部管理系統介面,並以實際操作經驗為基礎,打造符合國際主流 UI/UX 原則的網站設計模板,以提供使用便利且適合開發的解決方案。

過去不同作品曾獲得 Awwwards Honorable Mention(2023、2022年) 、German Design Award(德國國家設計獎 2020、2022 年) 、UI CSS Design Awards ( 2018、2019、2020、2022 年)、UX CSS Design Awards(2018、2020、2022 年)等國際獎項之肯定。

我們推出的模板專為內容管理產品量身打造,適用於公司官網、媒體出版和以內容行銷為主的電子商務平台等場景。這些模板結合了設計上的創新與功能上的實用性,旨在提供您一個獨特而出眾的網站解決方案。未來也會持續推出不同型態的模板,邀請您關注我們。


產品特色

raw-image
raw-image
raw-image


誰需要這項產品?

raw-image




我們是誰?為何我們要做網站模板?

Able Studio (ABLE)是間台灣的介面設計公司,2017 年創立至今協助打造科技領域、電子商務、文化出版等多領域單位,打造品牌網站或內部管理之系統介面。

ABLE 相信「以人為本」的價值,認為設計應是人們使用,而不是為設計而設計的,因此我們致力於創造美觀、易用、有意義的作品。

設計很難,但是設計以外的事情也不簡單。我們發現設計團隊常面臨的三大困境:

  • 對 PM 來說,溝通需求只能通靈;
  • 對設計師來說,開發思維難以參透;
  • 對小公司來說,時間資源更加可貴。

因此 ABLE 融合過去跨域設計經驗,推出前台與後台設計模板,期待能協助每個角色都有其最佳實踐!

購買連結

如果想更認識我們,歡迎點擊以下的連結:

留言
avatar-img
留言分享你的想法!
avatar-img
ABLE 的沙龍
678會員
20內容數
Able Studio 以人為本,相信設計應該是人們使用的,而不是為設計而設計的,因此我們致力於創造美觀、易用、有意義的設計。我們希望能透過文章的分享,讓更多人認識到 UI/UX 的重要性,你的閱讀對我們來說將會是最大的支持。
ABLE 的沙龍的其他內容
2023/06/12
前言 在第二篇文章中,我們更明確的瞭解空間性設計的眼、手操作搭配,接下來本文章進入到UI介面的設計解析,本篇將詳細介紹空間性設計中的使用者介面核心原則。 Design spatial user interfaces 本篇將首先討論如何設計清晰易讀的App icon,以及設計時要考慮的UI基礎和設計原
Thumbnail
2023/06/12
前言 在第二篇文章中,我們更明確的瞭解空間性設計的眼、手操作搭配,接下來本文章進入到UI介面的設計解析,本篇將詳細介紹空間性設計中的使用者介面核心原則。 Design spatial user interfaces 本篇將首先討論如何設計清晰易讀的App icon,以及設計時要考慮的UI基礎和設計原
Thumbnail
2023/06/11
前言 如果你閱讀完本系列的第一篇文章,必定會對於Apple Vision Pro的產品更感興趣。本篇文章中,我們將介紹在空間性設計中,是怎麼樣進行互動的。 Design for spatial input 空間性設計的操作,除了用手以外,來多了眼睛作為操作工具。另外聲音(語音)也會是一個操作媒介。當
Thumbnail
2023/06/11
前言 如果你閱讀完本系列的第一篇文章,必定會對於Apple Vision Pro的產品更感興趣。本篇文章中,我們將介紹在空間性設計中,是怎麼樣進行互動的。 Design for spatial input 空間性設計的操作,除了用手以外,來多了眼睛作為操作工具。另外聲音(語音)也會是一個操作媒介。當
Thumbnail
2023/06/11
睽違8年,2023 年 6 月 5 日的WWDC蘋果開發者大會上,Tim Cook再次啟動了one more thing,這次介紹的產品為Apple Vision Pro — Apple 第一部空間運算設備。 在當天的Keynote speech中,Apple用了40分鐘來介紹Vision Pro
Thumbnail
2023/06/11
睽違8年,2023 年 6 月 5 日的WWDC蘋果開發者大會上,Tim Cook再次啟動了one more thing,這次介紹的產品為Apple Vision Pro — Apple 第一部空間運算設備。 在當天的Keynote speech中,Apple用了40分鐘來介紹Vision Pro
Thumbnail
看更多
你可能也想看
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
在過去兩年中,我持續運用 Notion 進行個人管理,個人管理的模板也逐漸定型,藉此分享個人管理模板的使用心得。
Thumbnail
在過去兩年中,我持續運用 Notion 進行個人管理,個人管理的模板也逐漸定型,藉此分享個人管理模板的使用心得。
Thumbnail
最近觀察到許多網站有一個特性,就是有些網站會使用不同的模板做同一個關鍵字。 很多開發者在做產品的時候會有一個特性,就是會使用相同的模板。使用相同模板的好處不外乎是減少重複開發的時間、快速上站。 因為其實在程式開發中有很多功能可能是相似甚至是重複的。在這種情況下我們不應該重複去開發相同功能,而
Thumbnail
最近觀察到許多網站有一個特性,就是有些網站會使用不同的模板做同一個關鍵字。 很多開發者在做產品的時候會有一個特性,就是會使用相同的模板。使用相同模板的好處不外乎是減少重複開發的時間、快速上站。 因為其實在程式開發中有很多功能可能是相似甚至是重複的。在這種情況下我們不應該重複去開發相同功能,而
Thumbnail
※ 視圖模板 視圖模板(View Templates) 是在 MVC 架構中負責展示數據的 HTML 文件,包含模板語法,用於在渲染時插入實際數據。它們的主要目的是分離數據與展示邏輯,讓代碼更加模塊化和易於維護。 視圖模板設計和使用的核心理念,就是「重複的事情不要重複做、效益最大化、有效利用資源
Thumbnail
※ 視圖模板 視圖模板(View Templates) 是在 MVC 架構中負責展示數據的 HTML 文件,包含模板語法,用於在渲染時插入實際數據。它們的主要目的是分離數據與展示邏輯,讓代碼更加模塊化和易於維護。 視圖模板設計和使用的核心理念,就是「重複的事情不要重複做、效益最大化、有效利用資源
Thumbnail
建構Anytype之前..... 1.清晰劃分工作區 2.選擇模板套用 3.改變外觀界面
Thumbnail
建構Anytype之前..... 1.清晰劃分工作區 2.選擇模板套用 3.改變外觀界面
Thumbnail
Anytype主要分為四區塊:目錄欄(Widget組成)、主編輯畫面、導航選單、設定區。
Thumbnail
Anytype主要分為四區塊:目錄欄(Widget組成)、主編輯畫面、導航選單、設定區。
Thumbnail
樣板模式的定義極為簡單,卻是大型系統程式、WEB/APP應用框架的設計核心,完美展現設計模式的價值: 簡單、高效、強大。
Thumbnail
樣板模式的定義極為簡單,卻是大型系統程式、WEB/APP應用框架的設計核心,完美展現設計模式的價值: 簡單、高效、強大。
Thumbnail
1.設計系統不用從頭開始 在設計產品時,有一個觀念可能會顛覆我們對於產品設計的傳統想法。這是初期在 AlleyPin 擔任一人設計師,負責各種產品或視覺設計工作時才逐漸領悟到的一點。 當時,我在購買UI Kits這件事情上猶豫不決,擔心使用現成的設計資源會使我的設計變得無聊或是缺乏創造。後來面臨
Thumbnail
1.設計系統不用從頭開始 在設計產品時,有一個觀念可能會顛覆我們對於產品設計的傳統想法。這是初期在 AlleyPin 擔任一人設計師,負責各種產品或視覺設計工作時才逐漸領悟到的一點。 當時,我在購買UI Kits這件事情上猶豫不決,擔心使用現成的設計資源會使我的設計變得無聊或是缺乏創造。後來面臨
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News