HackMD
    • Sharing Link copied
    • /edit
    • View mode
      • Edit mode
      • View mode
      • Book mode
      • Slide mode
      Edit mode View mode Book mode Slide mode
    • Note Permission
    • Read
      • Only me
      • Signed-in users
      • Everyone
      Only me Signed-in users Everyone
    • Write
      • Only me
      • Signed-in users
      • Everyone
      Only me Signed-in users Everyone
    • More (Comment, Invitee)
    • Publishing
    • Commenting Enable
      Disabled Forbidden Owners Signed-in users Everyone
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
      • Everyone
    • Invitee
    • No invitee
    • Options
    • Versions
    • Transfer ownership
    • Delete this note
    • Template
    • Save as template
    • Insert from template
    • Export
    • Google Drive Export to Google Drive
    • Gist
    • Import
    • Google Drive Import from Google Drive
    • Gist
    • Clipboard
    • Download
    • Markdown
    • HTML
    • Raw HTML
Menu Sharing Help
Menu
Options
Versions Transfer ownership Delete this note
Export
Google Drive Export to Google Drive Gist
Import
Google Drive Import from Google Drive Gist Clipboard
Download
Markdown HTML Raw HTML
Back
Sharing
Sharing Link copied
/edit
View mode
  • Edit mode
  • View mode
  • Book mode
  • Slide mode
Edit mode View mode Book mode Slide mode
Note Permission
Read
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Write
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
More (Comment, Invitee)
Publishing
More (Comment, Invitee)
Commenting Enable
Disabled Forbidden Owners Signed-in users Everyone
Permission
Owners
  • Forbidden
  • Owners
  • Signed-in users
  • Everyone
Invitee
No invitee
   owned this note    owned this note      
Published Linked with
Like BookmarkBookmarked
Subscribed
  • Any changes
    Be notified of any changes
  • Mention me
    Be notified of mention me
  • Unsubscribe
Subscribe
# 給行動者的 Figma 設計指南|Canva 模板(?) ## 黑客松目標 - 看今天能夠完成多少章節 - 今天至少要完成第二章 xD - 跟大家收集有關做 Canva 模板(或 Figma 模板)的意見 ## 發起專案的原因 主要是因為有其他公民科技社群的設計師朋朋,還有一些很常用 Ai 做視覺的朋友想要學 Figma,但因為線下實體教學實在是太難揪,所以就想說做一個教學文件然後發到 Figma Community 上,讓之後想學 Figma 的社群朋友,或是很常在 Figma 上閒逛的設計師(?)可以直接將檔案下載到自己的電腦上 ![](https://s3-ap-northeast-1.amazonaws.com/g0v-hackmd-images/uploads/upload_97979d0ab288bf14c084037c23a1a51d.png) 差不多是這種概念 [Tofus g0v Graphic 連結](https://www.figma.com/community/file/1368615685578089975/tofus-and-his-g0v-graphics) 然後這邊是正在撰寫的教學文件 ![](https://s3-ap-northeast-1.amazonaws.com/g0v-hackmd-images/uploads/upload_dce4f938a4f74e7770c26c4880a39c7f.png) 協作連結 https://www.figma.com/design/wij5K5OZtDm6q82roiuNDT/%E7%B5%A6%E8%A1%8C%E5%8B%95%E8%80%85%E7%9A%84%E7%B0%A1%E6%98%93%E7%89%88-Figma-%E6%95%99%E5%AD%B8?node-id=1-4&t=iPaDPgEymOFjYvwN-1 ## 有關 Canva 模板 ### 為什麼想做 Canva 模板? 主要是之前有動過想要做 Figma 模板的念頭(如 [Figma file of Tofus g0v Graphic ](https://www.figma.com/community/file/1368615685578089975/tofus-and-his-g0v-graphics) ) 但在打聽各種社群朋友還有身邊朋友的意見(甚至連我的家人也都跟我這麼說) > 我們都用 Canva,因為 Canva 用起來很方便 於是這讓我開始反思做設計模板這件事情,讓平常都沒有再用 Canva 的人類想要試著了解為什麼會有人想要用 Canva(因為根據我之前的經驗,我經常認為 Canva 用起來就跟 PPT 一樣,操作起來有很多繁瑣的地方(而且限制很多,自由度很低),所以並沒有很喜歡使用 但我後來發現,Canva 這樣的工具背後的本質並不只是一個設計工具而已,而是一個可以被現成使用的設計產品。來自澳洲或是其他國家的設計師先把模板設計好,然後釋出到模板商店,供其他對於設計需求沒有高到想要聘請一位專業的設計師做設計的人也可以產出他們想要的設計 除了印刷產品,最令我印象深刻的是,它讓做網站變得跟做簡報一樣簡單 ![](https://s3-ap-northeast-1.amazonaws.com/g0v-hackmd-images/uploads/upload_b8080c56540044606fdadd243f73a802.png) ![](https://s3-ap-northeast-1.amazonaws.com/g0v-hackmd-images/uploads/upload_02a772f08e0e8e14a4971d03fe1992fe.png) 就在思考,對於一個 g0v 專案來說,因為建置一個網站的成本很高(需要額外技術與時間的投入,對於多數不會寫程式的參與者來說,請工程師建置落地頁可能是個奢侈的願望),所以比較少花時間在網站這件事情上面(比較常遇到的情況是根本就沒有做網站),同時把多數投入專案的時間投入到寫一個美觀且動效豐富的網站,本身就是件不太明智的事(因為平常投入專案的時間就已經夠少了) 所以如果可以建置一個給 g0v 專案提案使用的網站模板,有沒有可能可以更好地幫助大家分享自己的專案(而且自己的專案有一個網站很酷) 後來我就開始在研究要怎麼把模板貢獻到模板商店裡面,但後來發現對於 Canva 來說,只有設計的 Professional 才有資格貢獻,所以就手刀刷了下去,來看看可以幫大家做出什麼樣的模板然後上架到 Canva 上 ## 需要的人類! - 會用 figma 的人 - 想學 figma 的人 - 會用 canva 的人 ## 聯絡方式 - g0v Slack #designer - 坑主:Tofus ## 有關 Figma 教學文件的筆記 - Chloe:感覺聽起來也兩組假設與可能解法 1. 已經有概念的設計師想要學 Figma - Stella: 但那種需求好像只需要自己上線去看影片就好 - 做這個教學文件主要是為了配合未來針對學生族群的教學(快速建立 Prototype 驗證想法方面,之後會拍一組教學影片上傳到 YouTube) 2. 沒有設計需求的坑如何表達需求給設計師聽 - 但看起來他們更需要先做的是釐清需求的部分,而不是 Figma - Chloe 找其他坑主討論探索他們所謂的需要 UIUX 是需要什麼 - mrorz 需要 UIUX: 了解網站不容易理解以及不夠讓使用者感到可信,推測Figma 教學文件有幫助 - 水保署與農科院需要 UIUX: 想了解如何優化網站,可能更需要 UX consulting 釐清需求拆解問題,推測 Figma 教學文件無法立即推進專案 ## 有關 Canva 的筆記 訪問了 ## 其他筆記 - Jeter - 原本是代工廠修設備的(電機跳電子跳資訊) - 不曉得今天這個社群在幹麻 - 社群演算法推到所以就過來了 - 雖然是工程師,但不想要生活只有 code - 希望有其他東西可以讓人生想做的事情跟工作做結合 - work-life balance - 跳出工作框架 - 不可能人生這一條路只有工作 - 眼睛盯太久 code 眼睛會痛

Import from clipboard

Advanced permission required

Your current role can only read. Ask the system administrator to acquire write and comment permission.

This team is disabled

Sorry, this team is disabled. You can't edit this note.

This note is locked

Sorry, only owner can edit this note.

Reach the limit

Sorry, you've reached the max length this note can be.
Please reduce the content or divide it to more notes, thank you!

Import from Gist

Import from Snippet

or

Export to Snippet

Are you sure?

Do you really want to delete this note?
All users will lost their connection.

Create a note from template

Create a note from template

Oops...
This template has been removed or transferred.


Upgrade

All
  • All
  • Team
No template.

Create a template


Upgrade

Delete template

Do you really want to delete this template?

This page need refresh

You have an incompatible client version.
Refresh to update.
New version available!
See releases notes here
Refresh to enjoy new features.
Your user state has changed.
Refresh to load new user state.

Sign in

Forgot password

or

Sign in via GitHub

New to HackMD? Sign up

Help

  • English
  • 中文
  • 日本語

Documents

Tutorials

Book Mode Tutorial

Slide Example

YAML Metadata

Resources

Releases

Blog

Policy

Terms

Privacy

Cheatsheet

Syntax Example Reference
# Header Header 基本排版
- Unordered List
  • Unordered List
1. Ordered List
  1. Ordered List
- [ ] Todo List
  • Todo List
> Blockquote
Blockquote
**Bold font** Bold font
*Italics font* Italics font
~~Strikethrough~~ Strikethrough
19^th^ 19th
H~2~O H2O
++Inserted text++ Inserted text
==Marked text== Marked text
[link text](https:// "title") Link
![image alt](https:// "title") Image
`Code` Code 在筆記中貼入程式碼
```javascript
var i = 0;
```
var i = 0;
:smile: :smile: Emoji list
{%youtube youtube_id %} Externals
$L^aT_eX$ LaTeX
:::info
This is a alert area.
:::

This is a alert area.

Versions

Versions

Upgrade now

Version named by    

More Less
  • Edit
  • Delete

Note content is identical to the latest version.
Compare with
    Choose a version
    No search result
    Version not found

Feedback

Submission failed, please try again

Thanks for your support.

On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?

Please give us some advice and help us improve HackMD.

 

Thanks for your feedback

Remove version name

Do you want to remove this version name and description?

Transfer ownership

Transfer to
    Warning: is a public team. If you transfer note to this team, everyone on the web can find and read this note.