ABLE 模板與元件 (Figma) 介紹
更新於 2024/11/20閱讀時間約 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 年）等國際獎項之肯定。
我們推出的模板專為內容管理產品量身打造，適用於公司官網、媒體出版和以內容行銷為主的電子商務平台等場景。這些模板結合了設計上的創新與功能上的實用性，旨在提供您一個獨特而出眾的網站解決方案。未來也會持續推出不同型態的模板，邀請您關注我們。
產品特色
誰需要這項產品？
我們是誰？為何我們要做網站模板？
Able Studio （ABLE）是間台灣的介面設計公司，2017 年創立至今協助打造科技領域、電子商務、文化出版等多領域單位，打造品牌網站或內部管理之系統介面。
ABLE 相信「以人為本」的價值，認為設計應是人們使用，而不是為設計而設計的，因此我們致力於創造美觀、易用、有意義的作品。
設計很難，但是設計以外的事情也不簡單。我們發現設計團隊常面臨的三大困境：
- 對 PM 來說，溝通需求只能通靈；
- 對設計師來說，開發思維難以參透；
- 對小公司來說，時間資源更加可貴。
因此 ABLE 融合過去跨域設計經驗，推出前台與後台設計模板，期待能協助每個角色都有其最佳實踐！
如果想更認識我們，歡迎點擊以下的連結：
679會員
20內容數
Able Studio 以人為本，相信設計應該是人們使用的，而不是為設計而設計的，因此我們致力於創造美觀、易用、有意義的設計。我們希望能透過文章的分享，讓更多人認識到 UI/UX 的重要性，你的閱讀對我們來說將會是最大的支持。
留言0
查看全部
你可能也想看
Google News 追蹤
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
我是Elena，大學三年提早畢業，GPA4.2，現在在美國讀全球管理碩士，新的學期又要開始了，今天想分享我的大學生活管理模板給大家，讓你可以有系統的管理你的大學生活，三年期間同時也參加了三個社團田徑隊、競技啦啦隊、新創社、數位平台，和一份行銷相關的實習，在三年的摸索後得到了這個模板讓我能有效管理我的
本文介紹了 Vue 的模板語法及虛擬 DOM 概念。學習如何使用 Vue 進行聲明式渲染，以及模板如何轉換為高效的 JavaScript 代碼。探討各種綁定方法、指令及安全注意事項，幫助開發者構建高效動態用戶界面並提升應用性能。文章深入淺出，適合想進一步瞭解 Vue 的開發者。
身為幕僚或下屬，若有幸遇知遇的明君或上司，自可知無不言，言無不盡。但是這樣的上位，必定是胸懷天下，虛懷若谷。
千古難得一遇。
大多數的上位，志大而才疏，故而多好阿諛奉承之言。所以，不可輕易comment。
把一斤水餃從40塊賣到4,000，需要從以下幾個方面入手：
情感訴求：以冬至團圓、餃子暖心等情感訴求，刺激消費者的情緒，促使他們購買。
匠心製作：強調水餃的製作工藝，突出其用料精良、製作精細，讓消費者感受到其價值。
人群細分：針對不同人群的痛點，開發不同的水餃產品，滿足不同消費者的需求。
打
ABLE 累積超過 2,000 個設計畫面的寶貴經驗，橫跨科技新創、文化出版和電子商務等多個領域。我們致力於協助客戶打造品牌網站和內部管理系統介面，並以實際操作經驗為基礎，打造符合國際主流 UI/UX 原則的網站設計模板，以提供使用便利且適合開發的解決方案。
這一篇文章，我想來談談模板語言（template language/engine）。而其中比較有名的為handlebar、pug、ejs。那我會的事後兩著，因此拿這兩個出來寫一篇文章。
Pug
指令：npm install pug
比起 HTML 的語法，pug 語法可以說簡潔很多。
那下面
一個番茄時間工作表格, 應該要怎麼制定？
工作編號：編號+日期
工作目標：預期達成的可度量的成果
番茄預算：預計耗費的番茄時間
例如今天我實踐通讀來思考🧠 間歇高效率的番茄工作法 The Pomodoro Technique (Francesco Cirillo)，就可以寫成
工作編號：01 (2
想說來聽ASOT集數，才發現曼神是使用Ableton Live ，當媽媽後只能祈禱之後有更多時間能學習研究編曲軟體，創作遙遠無界能深能淺難難難啊嗚，但要我永遠當個忠實聽眾是可以的，真的太喜歡聽電音了 !
找銷售工作的最佳時機？Casual、Part-time、Full-time有什麼不同？
如何有效投遞你的履歷？時間、地點、方式？
選擇品牌也是一門學問
面試前的功課有哪些？
面試問題與經驗分享
（延伸閱讀：澳洲墨爾本精品銷售- 時尚產業的敲門磚 ）
三步驟帶你完成英文履歷撰寫- 以時尚產業為例
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
我是Elena，大學三年提早畢業，GPA4.2，現在在美國讀全球管理碩士，新的學期又要開始了，今天想分享我的大學生活管理模板給大家，讓你可以有系統的管理你的大學生活，三年期間同時也參加了三個社團田徑隊、競技啦啦隊、新創社、數位平台，和一份行銷相關的實習，在三年的摸索後得到了這個模板讓我能有效管理我的
本文介紹了 Vue 的模板語法及虛擬 DOM 概念。學習如何使用 Vue 進行聲明式渲染，以及模板如何轉換為高效的 JavaScript 代碼。探討各種綁定方法、指令及安全注意事項，幫助開發者構建高效動態用戶界面並提升應用性能。文章深入淺出，適合想進一步瞭解 Vue 的開發者。
身為幕僚或下屬，若有幸遇知遇的明君或上司，自可知無不言，言無不盡。但是這樣的上位，必定是胸懷天下，虛懷若谷。
千古難得一遇。
大多數的上位，志大而才疏，故而多好阿諛奉承之言。所以，不可輕易comment。
把一斤水餃從40塊賣到4,000，需要從以下幾個方面入手：
情感訴求：以冬至團圓、餃子暖心等情感訴求，刺激消費者的情緒，促使他們購買。
匠心製作：強調水餃的製作工藝，突出其用料精良、製作精細，讓消費者感受到其價值。
人群細分：針對不同人群的痛點，開發不同的水餃產品，滿足不同消費者的需求。
打
ABLE 累積超過 2,000 個設計畫面的寶貴經驗，橫跨科技新創、文化出版和電子商務等多個領域。我們致力於協助客戶打造品牌網站和內部管理系統介面，並以實際操作經驗為基礎，打造符合國際主流 UI/UX 原則的網站設計模板，以提供使用便利且適合開發的解決方案。
這一篇文章，我想來談談模板語言（template language/engine）。而其中比較有名的為handlebar、pug、ejs。那我會的事後兩著，因此拿這兩個出來寫一篇文章。
Pug
指令：npm install pug
比起 HTML 的語法，pug 語法可以說簡潔很多。
那下面
一個番茄時間工作表格, 應該要怎麼制定？
工作編號：編號+日期
工作目標：預期達成的可度量的成果
番茄預算：預計耗費的番茄時間
例如今天我實踐通讀來思考🧠 間歇高效率的番茄工作法 The Pomodoro Technique (Francesco Cirillo)，就可以寫成
工作編號：01 (2
想說來聽ASOT集數，才發現曼神是使用Ableton Live ，當媽媽後只能祈禱之後有更多時間能學習研究編曲軟體，創作遙遠無界能深能淺難難難啊嗚，但要我永遠當個忠實聽眾是可以的，真的太喜歡聽電音了 !
找銷售工作的最佳時機？Casual、Part-time、Full-time有什麼不同？
如何有效投遞你的履歷？時間、地點、方式？
選擇品牌也是一門學問
面試前的功課有哪些？
面試問題與經驗分享
（延伸閱讀：澳洲墨爾本精品銷售- 時尚產業的敲門磚 ）
三步驟帶你完成英文履歷撰寫- 以時尚產業為例