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
679會員
20內容數
Able Studio 以人為本,相信設計應該是人們使用的,而不是為設計而設計的,因此我們致力於創造美觀、易用、有意義的設計。我們希望能透過文章的分享,讓更多人認識到 UI/UX 的重要性,你的閱讀對我們來說將會是最大的支持。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
ABLE 的沙龍 的其他內容
前言 在第二篇文章中,我們更明確的瞭解空間性設計的眼、手操作搭配,接下來本文章進入到UI介面的設計解析,本篇將詳細介紹空間性設計中的使用者介面核心原則。 Design spatial user interfaces 本篇將首先討論如何設計清晰易讀的App icon,以及設計時要考慮的UI基礎和設計原
前言 如果你閱讀完本系列的第一篇文章,必定會對於Apple Vision Pro的產品更感興趣。本篇文章中,我們將介紹在空間性設計中,是怎麼樣進行互動的。 Design for spatial input 空間性設計的操作,除了用手以外,來多了眼睛作為操作工具。另外聲音(語音)也會是一個操作媒介。當
睽違8年,2023 年 6 月 5 日的WWDC蘋果開發者大會上,Tim Cook再次啟動了one more thing,這次介紹的產品為Apple Vision Pro — Apple 第一部空間運算設備。 在當天的Keynote speech中,Apple用了40分鐘來介紹Vision Pro
How people perceive information has improved with the common usage of Internet under the rapid development in the digital age. People read and get inf
隨著網路的普及,數位時代的快速演進,人們接收資訊的方式也逐漸的在改變,不再是從實體的報章雜誌或是一張張的廣告傳單,而是手中小小的螢幕。根據2022年統計,現代人平均每日螢幕時間是6小時58分鐘,而年輕人的螢幕使用時間更是高達9個小時,社交、購物、學習,大概一天有三分之一的時間都在使用數位產品,網路已
I find the color way too light, we need to adjust it. Ok, no problem. So we find the components fit the design and adjust it manually over and over ag
前言 在第二篇文章中,我們更明確的瞭解空間性設計的眼、手操作搭配,接下來本文章進入到UI介面的設計解析,本篇將詳細介紹空間性設計中的使用者介面核心原則。 Design spatial user interfaces 本篇將首先討論如何設計清晰易讀的App icon,以及設計時要考慮的UI基礎和設計原
前言 如果你閱讀完本系列的第一篇文章,必定會對於Apple Vision Pro的產品更感興趣。本篇文章中,我們將介紹在空間性設計中,是怎麼樣進行互動的。 Design for spatial input 空間性設計的操作,除了用手以外,來多了眼睛作為操作工具。另外聲音(語音)也會是一個操作媒介。當
睽違8年,2023 年 6 月 5 日的WWDC蘋果開發者大會上,Tim Cook再次啟動了one more thing,這次介紹的產品為Apple Vision Pro — Apple 第一部空間運算設備。 在當天的Keynote speech中,Apple用了40分鐘來介紹Vision Pro
How people perceive information has improved with the common usage of Internet under the rapid development in the digital age. People read and get inf
隨著網路的普及,數位時代的快速演進,人們接收資訊的方式也逐漸的在改變,不再是從實體的報章雜誌或是一張張的廣告傳單,而是手中小小的螢幕。根據2022年統計,現代人平均每日螢幕時間是6小時58分鐘,而年輕人的螢幕使用時間更是高達9個小時,社交、購物、學習,大概一天有三分之一的時間都在使用數位產品,網路已
I find the color way too light, we need to adjust it. Ok, no problem. So we find the components fit the design and adjust it manually over and over ag
你可能也想看
Google News 追蹤
Thumbnail
大家好,我是woody,是一名料理創作者,非常努力地在嘗試將複雜的料理簡單化,讓大家也可以體驗到料理的樂趣而我也非常享受料理的過程,今天想跟大家聊聊,除了料理本身,料理創作背後的成本。
Thumbnail
哈囉~很久沒跟各位自我介紹一下了~ 大家好~我是爺恩 我是一名圖文插畫家,有追蹤我一段時間的應該有發現爺恩這個品牌經營了好像.....快五年了(汗)時間過得真快!隨著時間過去,創作這件事好像變得更忙碌了,也很開心跟很多厲害的創作者以及廠商互相合作幫忙,還有最重要的是大家的支持與陪伴🥹。  
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
※ 視圖模板 視圖模板(View Templates) 是在 MVC 架構中負責展示數據的 HTML 文件,包含模板語法,用於在渲染時插入實際數據。它們的主要目的是分離數據與展示邏輯,讓代碼更加模塊化和易於維護。 視圖模板設計和使用的核心理念,就是「重複的事情不要重複做、效益最大化、有效利用資源
FABE(特性、優勢、利益、證據)是一個常用的銷售技巧模型,旨在幫助銷售人員更有效地展示產品或服務的價值。FABE模型分為以下四個部分: 特性(Feature):產品或服務的具體屬性或功能。例如,某款手機的特性可能包括其相機像素、處理器速度或電池續航時間。 優勢(Advantage):這些特性帶
Thumbnail
樣板模式的定義極為簡單,卻是大型系統程式、WEB/APP應用框架的設計核心,完美展現設計模式的價值: 簡單、高效、強大。
透過Responsive網頁設計技術,能夠讓您的網站在不同裝置上顯示良好。此外,我們的服務還包括多種語言介面支援、內容管理系統、無限頁數網站、無限網上影片、無限網上表格以及專業的Banner設計。
Thumbnail
大家好,我是woody,是一名料理創作者,非常努力地在嘗試將複雜的料理簡單化,讓大家也可以體驗到料理的樂趣而我也非常享受料理的過程,今天想跟大家聊聊,除了料理本身,料理創作背後的成本。
Thumbnail
哈囉~很久沒跟各位自我介紹一下了~ 大家好~我是爺恩 我是一名圖文插畫家,有追蹤我一段時間的應該有發現爺恩這個品牌經營了好像.....快五年了(汗)時間過得真快!隨著時間過去,創作這件事好像變得更忙碌了,也很開心跟很多厲害的創作者以及廠商互相合作幫忙,還有最重要的是大家的支持與陪伴🥹。  
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
※ 視圖模板 視圖模板(View Templates) 是在 MVC 架構中負責展示數據的 HTML 文件,包含模板語法,用於在渲染時插入實際數據。它們的主要目的是分離數據與展示邏輯,讓代碼更加模塊化和易於維護。 視圖模板設計和使用的核心理念,就是「重複的事情不要重複做、效益最大化、有效利用資源
FABE(特性、優勢、利益、證據)是一個常用的銷售技巧模型,旨在幫助銷售人員更有效地展示產品或服務的價值。FABE模型分為以下四個部分: 特性(Feature):產品或服務的具體屬性或功能。例如,某款手機的特性可能包括其相機像素、處理器速度或電池續航時間。 優勢(Advantage):這些特性帶
Thumbnail
樣板模式的定義極為簡單,卻是大型系統程式、WEB/APP應用框架的設計核心,完美展現設計模式的價值: 簡單、高效、強大。
透過Responsive網頁設計技術,能夠讓您的網站在不同裝置上顯示良好。此外,我們的服務還包括多種語言介面支援、內容管理系統、無限頁數網站、無限網上影片、無限網上表格以及專業的Banner設計。