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
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
我是Elena,大學三年提早畢業,GPA4.2,現在在美國讀全球管理碩士,新的學期又要開始了,今天想分享我的大學生活管理模板給大家,讓你可以有系統的管理你的大學生活,三年期間同時也參加了三個社團田徑隊、競技啦啦隊、新創社、數位平台,和一份行銷相關的實習,在三年的摸索後得到了這個模板讓我能有效管理我的
Thumbnail
本文介紹了 Vue 的模板語法及虛擬 DOM 概念。學習如何使用 Vue 進行聲明式渲染,以及模板如何轉換為高效的 JavaScript 代碼。探討各種綁定方法、指令及安全注意事項,幫助開發者構建高效動態用戶界面並提升應用性能。文章深入淺出,適合想進一步瞭解 Vue 的開發者。
Thumbnail
身為幕僚或下屬,若有幸遇知遇的明君或上司,自可知無不言,言無不盡。但是這樣的上位,必定是胸懷天下,虛懷若谷。 千古難得一遇。 大多數的上位,志大而才疏,故而多好阿諛奉承之言。所以,不可輕易comment。
Thumbnail
把一斤水餃從40塊賣到4,000,需要從以下幾個方面入手: 情感訴求:以冬至團圓、餃子暖心等情感訴求,刺激消費者的情緒,促使他們購買。 匠心製作:強調水餃的製作工藝,突出其用料精良、製作精細,讓消費者感受到其價值。 人群細分:針對不同人群的痛點,開發不同的水餃產品,滿足不同消費者的需求。 打
Thumbnail
ABLE 累積超過 2,000 個設計畫面的寶貴經驗,橫跨科技新創、文化出版和電子商務等多個領域。我們致力於協助客戶打造品牌網站和內部管理系統介面,並以實際操作經驗為基礎,打造符合國際主流 UI/UX 原則的網站設計模板,以提供使用便利且適合開發的解決方案。
Thumbnail
卡片盒筆記的相關模板與其他筆記軟體、小工具的整理
Thumbnail
這一篇文章,我想來談談模板語言(template language/engine)。而其中比較有名的為handlebar、pug、ejs。那我會的事後兩著,因此拿這兩個出來寫一篇文章。 Pug 指令:npm install pug 比起 HTML 的語法,pug 語法可以說簡潔很多。 那下面
Thumbnail
一個番茄時間工作表格, 應該要怎麼制定? 工作編號:編號+日期 工作目標:預期達成的可度量的成果 番茄預算:預計耗費的番茄時間 例如今天我實踐通讀來思考🧠 間歇高效率的番茄工作法 The Pomodoro Technique (Francesco Cirillo),就可以寫成 工作編號:01 (2
Thumbnail
想說來聽ASOT集數,才發現曼神是使用Ableton Live ,當媽媽後只能祈禱之後有更多時間能學習研究編曲軟體,創作遙遠無界能深能淺難難難啊嗚,但要我永遠當個忠實聽眾是可以的,真的太喜歡聽電音了 !
Thumbnail
找銷售工作的最佳時機?Casual、Part-time、Full-time有什麼不同? 如何有效投遞你的履歷?時間、地點、方式? 選擇品牌也是一門學問 面試前的功課有哪些? 面試問題與經驗分享 (延伸閱讀:澳洲墨爾本精品銷售- 時尚產業的敲門磚 ) 三步驟帶你完成英文履歷撰寫- 以時尚產業為例
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
我是Elena,大學三年提早畢業,GPA4.2,現在在美國讀全球管理碩士,新的學期又要開始了,今天想分享我的大學生活管理模板給大家,讓你可以有系統的管理你的大學生活,三年期間同時也參加了三個社團田徑隊、競技啦啦隊、新創社、數位平台,和一份行銷相關的實習,在三年的摸索後得到了這個模板讓我能有效管理我的
Thumbnail
本文介紹了 Vue 的模板語法及虛擬 DOM 概念。學習如何使用 Vue 進行聲明式渲染,以及模板如何轉換為高效的 JavaScript 代碼。探討各種綁定方法、指令及安全注意事項,幫助開發者構建高效動態用戶界面並提升應用性能。文章深入淺出,適合想進一步瞭解 Vue 的開發者。
Thumbnail
身為幕僚或下屬,若有幸遇知遇的明君或上司,自可知無不言,言無不盡。但是這樣的上位,必定是胸懷天下,虛懷若谷。 千古難得一遇。 大多數的上位,志大而才疏,故而多好阿諛奉承之言。所以,不可輕易comment。
Thumbnail
把一斤水餃從40塊賣到4,000,需要從以下幾個方面入手: 情感訴求:以冬至團圓、餃子暖心等情感訴求,刺激消費者的情緒,促使他們購買。 匠心製作:強調水餃的製作工藝,突出其用料精良、製作精細,讓消費者感受到其價值。 人群細分:針對不同人群的痛點,開發不同的水餃產品,滿足不同消費者的需求。 打
Thumbnail
ABLE 累積超過 2,000 個設計畫面的寶貴經驗,橫跨科技新創、文化出版和電子商務等多個領域。我們致力於協助客戶打造品牌網站和內部管理系統介面,並以實際操作經驗為基礎,打造符合國際主流 UI/UX 原則的網站設計模板,以提供使用便利且適合開發的解決方案。
Thumbnail
卡片盒筆記的相關模板與其他筆記軟體、小工具的整理
Thumbnail
這一篇文章,我想來談談模板語言(template language/engine)。而其中比較有名的為handlebar、pug、ejs。那我會的事後兩著,因此拿這兩個出來寫一篇文章。 Pug 指令:npm install pug 比起 HTML 的語法,pug 語法可以說簡潔很多。 那下面
Thumbnail
一個番茄時間工作表格, 應該要怎麼制定? 工作編號:編號+日期 工作目標:預期達成的可度量的成果 番茄預算:預計耗費的番茄時間 例如今天我實踐通讀來思考🧠 間歇高效率的番茄工作法 The Pomodoro Technique (Francesco Cirillo),就可以寫成 工作編號:01 (2
Thumbnail
想說來聽ASOT集數,才發現曼神是使用Ableton Live ,當媽媽後只能祈禱之後有更多時間能學習研究編曲軟體,創作遙遠無界能深能淺難難難啊嗚,但要我永遠當個忠實聽眾是可以的,真的太喜歡聽電音了 !
Thumbnail
找銷售工作的最佳時機?Casual、Part-time、Full-time有什麼不同? 如何有效投遞你的履歷?時間、地點、方式? 選擇品牌也是一門學問 面試前的功課有哪些? 面試問題與經驗分享 (延伸閱讀:澳洲墨爾本精品銷售- 時尚產業的敲門磚 ) 三步驟帶你完成英文履歷撰寫- 以時尚產業為例