狠狠撸

狠狠撸Share a Scribd company logo
THE F2E 前端挑戰:設計心得分享
Question
我是誰
1
?我介紹 ?常?作 設計?得
吳俊儀 aka 台科設計畢業?
1
?我介紹 ?常?作 設計?得
吳俊儀 aka 極熊設計共同創辦?
www.gicumastudio.design
1
?我介紹 ?常?作 設計?得
吳俊儀 aka 六?學院設計師
Question
為什麼會想成為網?設計師?
1
?我介紹 ?常?作 設計?得
Q:為什麼會想成為網?設計師/來六??作?Q:為什麼會想成為網?設計師?
過往經歷
?作室專案推廣
1
?我介紹 ?常?作 設計?得
Q:為什麼會想成為網?設計師?
個性使然
斜槓青年 94 ni
1
?我介紹 ?常?作 設計?得
Q:為什麼會想成為網?設計師?
職涯規劃
未來想要做什麼?
Chatting
「設計」對我來說是……
Question
在六?都在做什麼啊?
2
?我介紹 ?常?作 設計?得
Q:在六?都在做什麼啊?
平?設計
懶?包
2
?我介紹 ?常?作 設計?得
Q:在六?都在做什麼啊?
平?設計
懶?包
插畫
2
?我介紹 ?常?作 設計?得
Q:在六?都在做什麼啊?
懶?包
插畫
發?附圖
平?設計
2
?我介紹 ?常?作 設計?得
Q:在六?都在做什麼啊?
懶?包
插畫
發?附圖
廣告素材
平?設計
2
?我介紹 ?常?作 設計?得
Q:在六?都在做什麼啊?
網?設計
教材
2
?我介紹 ?常?作 設計?得
Q:在六?都在做什麼啊?
教材
THE F2E 挑戰
網?設計
Question
如何學習網?設計相關知識?
2
?我介紹 ?常?作 設計?得
Q:如何學習網?設計相關知識?
《前端修煉第零週》
?、臨摹熟悉軟體操作
?、學習網?格線系統
三、參考現有框架規範
2
?我介紹 ?常?作 設計?得
Q:如何學習網?設計相關知識?
網?排版與動態 網?動態與配? 完整專案介紹 ?條式整?瀏覽
2
?我介紹 ?常?作 設計?得
Q:如何學習網?設計相關知識?
Chatting
Medium 好?分享……
Atomic Design/Shopify Web Illustraion
Question
什麼時候才要講 THE F2E 的东西啦!?
3
?我介紹 ?常?作 設計?得
Q:都怎麼準備 THE F2E 的設計稿?
User Story
參考資料
草稿
難易度調整
單?單?稿
確定設計樣式
完稿
設計流程
3
?我介紹 ?常?作 設計?得
Q:都怎麼準備 THE F2E 的設計稿?
教材設計設計考量
避免過於強烈的?格
保有?由發揮的空間
直播主需求
需要幫忙切版
畫?不要太複雜等等
3
?我介紹 ?常?作 設計?得
W1:待辦清單與巢狀 Symbols
3
?我介紹 ?常?作 設計?得
W1:待辦清單與巢狀 Symbols
更多的狀態與功能槍稿
3
?我介紹 ?常?作 設計?得
W2:篩選器與 Bootstrap & RWD 切版初體驗
課程看爆、?件翻爆、?闆問爆
3
?我介紹 ?常?作 設計?得
W2:篩選器與 Bootstrap & RWD 切版初體驗
?秘密:現在寫 RWD 完全模仿 BS4
3
?我介紹 ?常?作 設計?得
W3:訂單管理與明明?框架排版卻遇到?幹神?
??琴折疊選單
卡?式的產品列表
槍稿
3
?我介紹 ?常?作 設計?得
W4:產品列表與企圖搞死?的 CSS Grid
以會有位移之類的視差效果去做排版
3
?我介紹 ?常?作 設計?得
W5:漫畫閱讀器與完全沒得參考從零開始
原本真的打算畫?話漫畫
NAMAE SHIRANAI ?彩蛋
3
?我介紹 ?常?作 設計?得
Example Name
YYYY MM DD
0912 345 678
City Dist
Name (optional)
Birth Date (optional)
Phone*
Address*
General Infomation
Tell us who you are!
W6:表單驗證與讓?家喘?氣
表單設計的細節注意
3
?我介紹 ?常?作 設計?得
W7:網?遊戲與好想學 Canvas 啊
http://www.sbs.com.au/theboat/
3
?我介紹 ?常?作 設計?得
W8:視差滾動與 Keynote 動畫
3
?我介紹 ?常?作 設計?得
W8:視差滾動與 Keynote 動畫
塔羅牌運勢
茶葉推銷網站
發想主題 ?六型?格
3
?我介紹 ?常?作 設計?得
W9:技能樹與 Adobe XD
搜集星球資源升級太空船
資源圖?選? Material Design Icon
3
?我介紹 ?常?作 設計?得
W9:技能樹與 Adobe XD
/JunIWu1/web-adobe-xd
Chatting
THE F2E 挑戰結束了……
Question
還有什麼想問的呢?
Ad

Recommended

用創意與設計改變世界|設計思考的第3關 Design Thinking Level 3
用創意與設計改變世界|設計思考的第3關 Design Thinking Level 3
小均 張
?
同理心|設計思考的第1關 Design Thinking Level 1
同理心|設計思考的第1關 Design Thinking Level 1
小均 張
?
設計思考:番外編 如何避免成為豬隊友|設計思考的第?關 Design Thinking Level ?
設計思考:番外編 如何避免成為豬隊友|設計思考的第?關 Design Thinking Level ?
小均 張
?
如何說好故事|設計思考的第6關 Design Thinking Level 6
如何說好故事|設計思考的第6關 Design Thinking Level 6
小均 張
?
設計思考教學、實踐、共創經驗談@UXcube 2019/07/13
設計思考教學、實踐、共創經驗談@UXcube 2019/07/13
小均 張
?
愛上失敗與測試|設計思考的第4+5關 Design Thinking Level 4+5
愛上失敗與測試|設計思考的第4+5關 Design Thinking Level 4+5
小均 張
?
設計思考的第0關 Design Thinking Level 0
設計思考的第0關 Design Thinking Level 0
小均 張
?
續談脈絡訪查|設計思考的第1.5關 Design Thinking Level 1.5
續談脈絡訪查|設計思考的第1.5關 Design Thinking Level 1.5
小均 張
?
2024 Trend Updates: What Really Works In SEO & Content Marketing
2024 Trend Updates: What Really Works In SEO & Content Marketing
Search Engine Journal
?
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
?
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
OECD Directorate for Financial and Enterprise Affairs
?
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
SocialHRCamp
?
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
?
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
?
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
?
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
?
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
?
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
?
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
?
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
?
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
?
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
?
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
?
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
?
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
?
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
?
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
?
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
?

More Related Content

Featured (20)

2024 Trend Updates: What Really Works In SEO & Content Marketing
2024 Trend Updates: What Really Works In SEO & Content Marketing
Search Engine Journal
?
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
?
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
OECD Directorate for Financial and Enterprise Affairs
?
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
SocialHRCamp
?
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
?
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
?
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
?
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
?
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
?
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
?
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
?
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
?
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
?
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
?
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
?
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
?
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
?
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
?
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
?
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
?
2024 Trend Updates: What Really Works In SEO & Content Marketing
2024 Trend Updates: What Really Works In SEO & Content Marketing
Search Engine Journal
?
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
?
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
SocialHRCamp
?
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
?
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
?
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
?
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
?
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
?
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
?
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
?
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
?
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
?
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
?
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
?
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
?
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
?

THE F2E 前端挑戰:設計心得分享