Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[期中作業] WireFrame|Prototype|簡報播放

請選擇學期作業主題,並於第十一週前回覆以下問題
並請以模擬對客戶提案方式,做出提案報告。

請參考期中作業講義:期中作業]APP or WEB ReDesign改善方案|提案,規劃、流程、Wireframe

請以『Figma展示範例』(內容及設計樣式可自行更改及設計,範本樣式僅供參考)請延續作業內容持續將報告完成,針對專案需求完成以下問題(可針對專案需求調整)

  1. 提出欲修改的主題及團隊成員

  2. 設計專案orReDesign動機與目的。

  3. 擷取APP評論頁面,整理評論。

  4. 擬定問題OR修正方向。

  5. 用戶分析(人物誌)、(用戶旅程圖)、(同理心地圖)...。

  6. 競爭者分析

  7. 流程修改提案。

  8. 流程圖|架構圖。

  9. Wireframe|線框圖(介面流程圖)。

  10. 線框圖 Prototype互動測試提案。




[每組請回覆分享之網址],並註明主題及成員班級、學號。如:
1.ReDesign主題:

2.期中報告簡報播放網址:<a href="貼上簡報播放網址" target="_blank">[期中作業] WireFrame|Prototype|簡報播放</a>
3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:<a href="貼上播放網址" target="_blank"> [期中作業] WireFrame|Prototype 播放</a>
4.成員|班級|學號:

5.製作心得:

1.ReDesign主題:FeelMe (日記 情緒管理)

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:王孟婷 北視傳2A 11114451110

5.製作心得:第一次做 覺得還行

MEPOERs said:
JinJin: 缺流程圖,其他沒有製作的頁面可以刪除或補充!
1.ReDesign主題:星巴克app

2.期中報告簡報播放網址:
https://www.figma.com/proto/cCCHTZ58jZhtByTHs2YJ9y/Design%E5%AF%A6%E4%BD%9C%E7%B7%B4%E7%BF%92-(1111445066)?type=design&node-id=1402-731&t=ssLL7PhBBV4ajGk4-1&scaling=min-zoom&page-id=403%3A23667&mode=design

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
1111445066 邱淑君 https://www.figma.com/proto/cCCHTZ58jZhtByTHs2YJ9y/Design%E5%AF%A6%E4%BD%9C%E7%B7%B4%E7%BF%92-(1111445066)?node-id=682-24099&starting-point-node-id=682%3A24099&mode=design&t=9sXNLnOjSU8goIo5-1

4.成員|班級|學號:
1111445013 梁瑋庭
1111445066 邱淑君

5.製作心得:
真正學到介面設計的方面的東西,了解到原來手機上的App是這樣做出來的喔!Fingma這個網站真的太強大了,只要有點子,做出來就可以自動生成手機App,連模擬照片都可以直接從Figma裡直接替換👍

1.ReDesign主題:早餐店APP

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.袁湘昀|視傳2B|1111445047

5.製作心得:第一次接觸Figma個人認為在使用上不是很順手,因為是英文需要自己慢慢摸索,做的速度也比較慢,但在做完框線稿並預覽後自己操作,很有成就感。

MEPOERs said:
JinJin: 人物製圖沒有放在頁框裡,請調整,簡報文字也請統一排版,
1.ReDesign主題:Starbucks TM

2.期中報告簡報播放網址:
https://www.figma.com/file/dyF1TqWwMwKCGLCKemxCs3/Design%E5%AF%A6%E4%BD%9C%E7%B7%B4%E7%BF%92-(1111445013)?type=design&node-id=403%3A23667&mode=design&t=JWzCYWm1pid7Efg9-1

3.成員(註明學號)分別之WireFrame|Prototype播放網址:
1111445013梁瑋庭
https://www.figma.com/proto/YU6KMLLtxJDQbEgEphEUIO/Untitled?type=design&node-id=94-3972&t=VXQo67u2BLsySusV-1&scaling=scale-down&page-id=94%3A3367&mode=design

4.成員|班級|學號:1111445013梁瑋庭、1111445066邱淑君
5.製作心得:第一次操作覺得滿上手的,也學到很多新的東西

MEPOERs said:
JinJin: 尚未開放觀看權限,請開放權限才能觀看喔!
1.ReDesign主題: 音樂祭app

2.期中報告簡報播放網址:
https://www.figma.com/proto/f3U6xN740KHJhVVGA3tG32/1111445120-黃詠沂?type=design&node-id=404-23767&t=t4xNSEI5hjeD3CQ9-0&scaling=min-zoom&page-id=403%3A23667

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
https://www.figma.com/proto/dosnMem3CS9OxRMcheN5if/120-黃詠沂-介面?type=design&node-id=1-21&t=x9Wlq4A2pzmf2OkZ-0&scaling=scale-down&page-id=0%3A1&starting-point-node-id=1%3A2

4.成員|班級|學號:
黃詠沂 視覺傳達設計2年A班 1111445120

5.製作心得:
剛開始接觸的時候完全沒有頭緒,但越知道清楚自己要做什麼的時候,就會越來越上手!而且主題也是自己喜歡的就更有動力!會希望真的可以做出來

1.ReDesign主題:達美樂APP

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:視傳2B 1111445049 鄭莉薰

5.製作心得:從一開始蒐集資料到製作框架,過程期間還是滿有成就感的。

1.ReDesign主題:蝦皮

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:視2B 1111445057 蔡佳容

5.製作心得:一開始以為會很困難,但開始製作後發現並沒有想像的那麼難,只要有概念後就簡單了,
而且最後在做Wireframe的時候會越做越順手



Edited 1 time(s). Last edit at 12/04/2023 03:47PM by 1111445057.
(編輯記錄)

MEPOERs said:
JinJin: 尚未開放觀看權限,請開放權限才能觀看喔!
1.ReDesign主題:聯絡人

2.期中報告簡報播放網址:

[期中作業] 簡報播放 成員(1111445061、1111445069、1111445077)

https://www.figma.com/file/gPeJISgDAmJbrimswvd18e/介面設計_4人組?type=design&mode=design&t=oZOvIurV0o2RXIcI-0

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:

1111445036唐宇劭[期中作業] WireFrame:https://www.figma.com/file/vFIZHmkz8cCjTVtE0zi4xj/1111445036-唐宇劭-Wireframe?type=design&node-id=0-1&mode=design&t=oZOvIurV0o2RXIcI-0

Prototype:https://www.figma.com/proto/vFIZHmkz8cCjTVtE0zi4xj/1111445036-唐宇劭-Wireframe?type=design&node-id=2-2&t=oZOvIurV0o2RXIcI-0&scaling=scale-down&page-id=0%3A1

1111445061朱玟綺[期中作業] WireFrame:https://www.figma.com/file/8Ko8mqeDheSrsUIJ9yzjZm/%E4%BB%8B%E9%9D%A2%E8%A8%AD%E8%A8%88_4%E4%BA%BA%E7%B5%84-(1111445061-%E6%9C%B1%E7%8E%9F%E7%B6%BA)?type=design&node-id=303%3A151&mode=design&t=PFC3mBQQE6KdKGxU-1

Prototype:https://www.figma.com/proto/8Ko8mqeDheSrsUIJ9yzjZm/%E4%BB%8B%E9%9D%A2%E8%A8%AD%E8%A8%88_4%E4%BA%BA%E7%B5%84-(1111445061-%E6%9C%B1%E7%8E%9F%E7%B6%BA)?type=design&node-id=331-7360&t=s8cC2aUcV2EERdzw-1&scaling=scale-down&page-id=331%3A5439&starting-point-node-id=331%3A7360&mode=design


4.成員|班級|學號:唐宇劭 北視傳2B 1111445036、朱玟綺 北視傳2B 1111445061

5.製作心得:經由這次的作業練習更加熟悉FIGMA的操作模式



Edited 1 time(s). Last edit at 11/26/2023 10:38PM by 唐宇劭.
(編輯記錄)

MEPOERs said:
JinJin: 簡報部分內容沒有在線框內,請調整
1.ReDesign主題:dot st TW

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:
視2A 1111445090 許珮瑱

5.製作心得:
剛開始製作有點生疏,但熟悉之後操作上就很快速方便。

1.ReDesign主題:寵物小當家

2.期中報告簡報播放網址:
https://www.figma.com/file/SxQRSYLQ2MhIjBBn196zGM/Stock-Market-Tycoon-%7C%E5%AF%B5%E7%89%A9%E5%B0%8F%E5%8A%A9%E6%89%8B-(1111445124-%E4%BD%99%E8%8A%B7%E7%B8%88)?type=design&node-id=403%3A23667&mode=design&t=fss0w4eymDrIFFmL-1

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
1111445124|https://www.figma.com/file/SxQRSYLQ2MhIjBBn196zGM/Stock-Market-Tycoon-%7C%E5%AF%B5%E7%89%A9%E5%B0%8F%E5%8A%A9%E6%89%8B-(1111445124-%E4%BD%99%E8%8A%B7%E7%B8%88)?type=design&node-id=688%3A24110&mode=design&t=fss0w4eymDrIFFmL-1

4.成員|班級|學號:視傳2A|1111445124

5.製作心得:學到了很多更簡單方便的介面設計技巧

1.ReDesign主題: 台鐵e訂通

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(1111445098)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:殷傳叡/視傳2A/1111445098

5.製作心得:在高中時期專題有接觸過UI設計,但流程沒這樣正式,讓我了解原來在設計一項UI/UX 的前置作業及後期其實是很多項目要完成的,一開始覺得複雜困難,但慢慢克服就覺得還好,也讓我見識到figma這個好東西,在很多方面是挺方便的,

1.ReDesign主題:學習日文APP

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:
視2B 1111445034 吳芷儀

5.製作心得:
看著自己一步一步做過來,得很有成就感

1.ReDesign主題:手機內建音樂程式

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:視2B-1111445032陳佩儀

5.製作心得:蠻有趣的尤其是在拉動畫的時候,再播放的時候看到順利切換畫面很有成就感,在設計界面的時候很容易卡住,我參考了三個APP才比較有感覺。



Edited 1 time(s). Last edit at 11/19/2023 05:08PM by 1111445032.
(編輯記錄)

1.ReDesign主題:UNIQLO

2.期中報告簡報播放網址:https://www.figma.com/proto/J4s3nwqqrwdhoubzo63Waq/UNIQLO?node-id=3-2

3.成員(1111445029)分別之WireFrame線框圖:https://www.figma.com/file/c3Nh8pJgDADTt4hQY8yGkE/1111445029-%E7%8E%8B%E7%BE%BF%E5%A9%B7?type=design&node-id=0-1&mode=design&t=wrRHdtntyisl6r6s-0

Prototype播放網址:https://www.figma.com/proto/c3Nh8pJgDADTt4hQY8yGkE/1111445029-%E7%8E%8B%E7%BE%BF%E5%A9%B7?type=design&node-id=2-185&t=wrRHdtntyisl6r6s-0&scaling=scale-down&page-id=0%3A1&starting-point-node-id=2%3A185

4.成員(1111445029)
Prototype播放網址:https://www.figma.com/proto/J4s3nwqqrwdhoubzo63Waq/UNIQLO?type=design&node-id=55-303&t=Kdqr7aDQqadUKx1b-1&scaling=scale-down&page-id=40%3A642&starting-point-node-id=55%3A303&mode=design

5.成員|班級|學號 北視傳2A1111445029 王羿婷、北視傳2A1111445062 陳蓁德

6.製作心得:看似簡單的頁面,但實際上要花很多時間去構思,使用起來很方便,也是第一次學到怎麼做使用者介面。

1.ReDesign主題:文化幣

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:視傳2A1111445116黃立賓

5.製作心得:看似很難,但分配時間,慢慢完成,接完線能用時會很有成就感

1.ReDesign主題 : 蝦皮購物

2.期中報告簡報播放網址:
https://www.figma.com/proto/yIJvDH0wucIxiAbhaqjmfV/1111445058?type=design&node-id=404-23815&t=b27ywZfNlc5mwaVv-1&scaling=min-zoom&page-id=403%3A23667&mode=design

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
1111445058 鄒淳臻
https://www.figma.com/proto/yIJvDH0wucIxiAbhaqjmfV/1111445058?type=design&node-id=2557-1792&t=qFyKx0N6895QL47F-1&scaling=min-zoom&page-id=689%3A23761&starting-point-node-id=2557%3A1792&mode=design

4.成員|班級|學號:
視傳2A1111445058 鄒淳臻
5.製作心得:
雖然製作過程很繁雜,但做完整體很有成就感



Edited 2 time(s). Last edit at 11/26/2023 09:05PM by 鄒淳臻.
(編輯記錄)

1.ReDesign主題:Starbucks TW

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(1121445122)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:苏歆惠 北视传2A 1121445122

5.製作心得:一个人制作,蛮有挑战性的

1.ReDesign主題:

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:
視2A 1111445005 潘韋妏
5.製作心得:
感覺很新奇。

ReDesign主題:MUJI 無印良品 APP

期中報告簡報播放網址:
https://www.figma.com/proto/Pxuof73kVEw8vxF674f1j2/1111445010-%E7%8E%8B%E6%95%8F%E5%A6%82?type=design&node-id=404-23800&t=GlAF7lHTyXvpxBH5-1&scaling=min-zoom&page-id=403%3A23667&mode=design

成員(註明學號)分別之WireFrame|Prototype播放網址:
https://www.figma.com/proto/dYGSotffou1mQ9Qslvpghj/1111445010?type=design&node-id=3201-297&t=0c5TnhfrvGP9wAIQ-1&scaling=scale-down&page-id=2%3A439&mode=design

成員|班級|學號:王敏如 北視傳2B 1111445010

製作心得:第一次接觸,用了很久時間需要慢慢摸索,希望之後能越來越熟練的製作。



Edited 1 time(s). Last edit at 11/25/2023 12:48AM by 1111445010.
(編輯記錄)

MEPOERs said:
JinJin: WireFrame需要另開頁面,以Frame框架製作
JinJin: 文字需再編排,LOGO不能變形
1.ReDesign主題:壽司郎

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:林子見 | 視傳2A | 1111445054

5.製作心得:透過這次的製作學習到了很多關於部論是排版又或者優化界面的知識,讓我從中學習到了很多。

1.ReDesign主題:大魯閣PLUS

2.期中報告簡報播放網址:
(1111445021):
[期中作業] WireFrame|Prototype|簡報播放
(1111445060):
[期中作業] WireFrame|Prototype|簡報播放
(1111445082):
[期中作業] WireFrame|Prototype|簡報播放
(1111445084):
[期中作業] WireFrame|Prototype|簡報播放

3.成員(1111445021)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放
成員(1111445060)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放
成員(1111445082)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放
成員(1111445084)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:北視傳2A
1111445021林世軒
1111445060楊東原
1111445082林苡岑
1111445084 林正倫

5.製作心得:
(1111445021):頭一次用Figma這個程式,其實做起來挺困難,但在老師上課或跟朋友私底下的互相討論研究過後,稍微覺得這個程式沒有想像中難,也不曉得之後會不會繼續依賴這個程式,但多學一個程式都是好事。
(1111445060):在製作過程當中遇到了許多的問題,但是經由觀看老師的教學影片以及同學們的幫忙,令我學習到了很多新東西使我收益良多。
(1111445082):之前沒接觸figma,製作過程中在操作上有困難,但經過一些練習和操作,有些大致上會用了,在過程中查找資料,也發現許多很厲害的專案,覺得是值得學習的項目,會收藏起來。
(1111445084):我第一次接觸Figma,我覺得介面有點難用因為不太習慣,但是讓我很感興趣去學習使用。

1.ReDesign主題:台北捷運Go

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:劉安婷|視傳2B|1111445109

5.製作心得:Figma非常複雜,做完很有成就感。

MEPOERs said:
JinJin: 簡報部分內容沒有在線框內,請調整,部分文字編排可再更細緻
1.ReDesign主題:instagram

2.期中報告簡報播放網址:

[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:

[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:趙倢熙 視傳2B 1111445014

5.製作心得:Figma真的好難,但做完很有成就感



Edited 1 time(s). Last edit at 11/25/2023 12:16PM by 1111445014.
(編輯記錄)

MEPOERs said:
JinJin: 缺流程圖,請再補齊,文字排版需再更細緻。
1.ReDesign主題:UCHICCOLOG 寵物紀錄平台

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:視2B 1111445026 陳昱燕

5.製作心得:學到很多東西

1.ReDesign主題:台北搭公車

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:視傳2B 1111445105 鄧雅云

5.製作心得:看著自己的報告從無到有,非常有成就感,在製作線框圖的時候也覺得很有趣。

MEPOERs said:
JinJin: 簡報部分文字需調整統一,使其更有質感!
1.ReDesign主題:gu

2.期中報告簡報播放網GU
https://www.figma.com/file/Urdbw9cIeZcuAW0Hxizsg4/Design%E5%AF%A6%E4%BD%9C%E7%B7%B4%E7%BF%92-(2023CUTE)-(Copy)?type=design&node-id=403-23667&mode=design&t=XrCSvmzbJ0hSo6eh-0

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
1111445042 林宇宣 https://www.figma.com/file/XuMMr31rHBDNmgNuwGnZJs/PxPay-UI-FLOW-(Copy)?type=design&node-id=2-439&mode=design&t=0gRCaX6Yg0usj2lm-0

4.成員|班級|學號:
1111445042 ;林宇宣

5.製作心得:是第一次接觸到figma,學到了很多不一樣的東西,很有趣.



Edited 1 time(s). Last edit at 11/26/2023 01:22AM by 1111445042.
(編輯記錄)

MEPOERs said:
JinJin: 簡報缺人物誌,APP連結錯誤
1.ReDesign主題:眼科APP(EYEFIT)

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:張芸甄|視2B|1111445012

5.製作心得:我學到很多工具使用,都是要花時間去做的作業,很難。



Edited 3 time(s). Last edit at 11/26/2023 03:35AM by 1111445012.
(編輯記錄)

MEPOERs said:
JinJin: 做得很認真,目前prototype需調整,其他很棒!
1111445012: https://www.figma.com/proto/JRv8Ns0VgtILkvKRAtgzNT/Design%E5%AF%A6%E4%BD%9C%E7%B7%B4%E7%BF%92-1111445012-%E5%BC%B5%E8%8A%B8%E7%94%84?type=design
1111445012: 991-24871
1111445012: UDJzBxrmaYbKbKGc-1
1111445012: scale-down
1111445012: 991%3A24870
1.ReDesign主題:小卡百科全書CARD PEDIA APP

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:李佳蓁 視傳二B 1111445030

5.製作心得:我的作業可能還不夠完善,但我之後會繼續努力!



Edited 1 time(s). Last edit at 11/26/2023 05:52AM by 1111445030.
(編輯記錄)

MEPOERs said:
JinJin: 不需要的頁面可刪除,部分內容沒有在頁框裡,請調整
JinJin: 簡報文字需再細緻排版
2.期中報告簡報播放網址:
https://www.figma.com/file/RrReFc3iCHfFiZRy2FgOxO/Untitled?type=design&node-id=0%3A1&mode=design&t=toySQ2VBg9smRJLs-1
3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
https://www.figma.com/file/U7f13avPGN7Rp5TQzh3dk9/Untitled?type=design&node-id=0%3A1&mode=design&t=TvgNuyFQij1swQNP-1
4.成員|班級|學號:
陳彥妤 視2B 1111445028
5.製作心得:
從一開始的生疏不熟練,逐漸摸索,到後來對FIGMA熟能生巧,學到很多。

MEPOERs said:
JinJin: 1.可以檔案整合成同一個檔案,2.簡報不用設定框
1.ReDesign主題:愛奇藝

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(1111445103)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放
成員(1111445119)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:
李思嫻 視傳2B 1111445103
黃胤 視傳2B 1111445119

5.製作心得:
第一次用Figma覺得好酷喔,這個程式還蠻完善的,該有的都有,剛學是真的有點複雜,還有蠻有趣的程式,體驗了如何製作UI,做完有成就感



Edited 1 time(s). Last edit at 11/27/2023 03:31PM by Xian.
(編輯記錄)

1.ReDesign主題:音樂(聽歌)程式改造

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:王毅豐 視傳2B 1111445140

5.製作心得:原本覺得自己能力不足,但在跟同學討論過後頗有心得,也漸漸上手。

MEPOERs said:
JinJin: 簡報文字需再排版,不需要的頁面請刪除,缺流程請再補充完整
1.ReDesign主題:爭鮮
2.期中報告簡報播放網址:https://www.figma.com/file/BMA2Js0i8zGiLDkRPW4Nu0/1111445064.?type=design&node-id=403%3A23667&mode=design&t=v1OI3kofA3ZavBKZ-1


3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
1111445064陳敏馨
https://www.figma.com/file/8JfUJAP2eDm8sgchG60vdn/Untitled?type=design&node-id=0%3A1&mode=design&t=Q2iedjSDhIRrjKkj-1

4.成員|班級|學號:1111445065視傳2A陳敏馨

5.製作心得:有點不太上手,但後來很有成就感

MEPOERs said:
JinJin: 簡報部分內容沒有在線框內,請調整,簡報文字大小風格請一致,會更有質感
1.ReDesign主題:台鐵E定通

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:簡以誠、視傳2A-1111445106

5.製作心得:
很酷,很酷,真的很酷,為什麼呢。老師藉由這個作業,讓我們了解到,原來App的UI介面是這樣設計出來的,Figma也是UI設計的典範,使用起來超級人性化,是個很為使用者考慮的軟體。



Edited 2 time(s). Last edit at 11/26/2023 09:14PM by JinJin.
(編輯記錄)

1.ReDesign主題: 爭鮮

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(1111445020)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

成員(1111445051)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

成員(1111445081)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

成員(1111445111)分別之WireFrame線框圖|Prototype播放網址: [期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:
簡宜瑄 視傳2B 1111445020
陳品妤 視傳2B 1111445051
陳虹吟 視傳2B 1111445081
張姵涵 視傳2B 1111445111

5.製作心得:
1111445020 一開始操作很難,但後來多做之後,有比較上手,做完也很有成就感,也學到很多。
1111445051 之前從未接觸此程式,製作過程複雜,不好操作,但也學到很多新東西
1111445081 介面有點難用,做起來有點棘手,但在使用過程中發現一些還不錯的功能
1111445111 第一次接觸到figma,雖然不太好用,可是學到了許多新東西,也滿有趣的。

MEPOERs said:
JinJin: 解構現有設計內容沒有放在頁框裡,請再調整
1.ReDesign主題:去趣Chic Trip

2.期中報告簡報播放網址:https://www.figma.com/proto/kxvObfp3aSatlQEwu6XneG/1111445092%E4%BD%99%E5%A7%8D%E9%9C%93?type=design&node-id=2415-10973&t=Kqi0BYxX9KM6T6ZX-1&scaling=min-zoom&page-id=403%3A23667&mode=design

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
1111445092余姍霓
https://www.figma.com/proto/kxvObfp3aSatlQEwu6XneG/1111445092%E4%BD%99%E5%A7%8D%E9%9C%93?type=design&node-id=130-2891&t=9a7mfrrQMsseKd2T-1&scaling=scale-down&page-id=1%3A3874&starting-point-node-id=130%3A2891&mode=design

4.成員|班級|學號:
視二A1111445035吳玉文  1111445070古淨恩  1111445088魏菻妍  1111445092余姍霓

5.製作心得
一開始上這個的相關課程時覺得新奇的同時也感到有些困難,不過在製作的過程中變得越來越上手,也能從中體會到樂趣。



Edited 1 time(s). Last edit at 11/26/2023 09:15PM by 1111445092.
(編輯記錄)

1.ReDesign主題:去趣Chic Trip

2.期中報告簡報播放網址:
https://www.figma.com/proto/NbvmkGo7dBg0luOiaFi03c/1111445088%E9%AD%8F%E8%8F%BB%E5%A6%8D?type=design&node-id=2035-1638&t=gd8ZNjsUkQFiVgws-1&scaling=min-zoom&page-id=403%3A23667&mode=design

3.成員(1111445088)分別之WireFrame線框圖|Prototype播放網址:
1111445088魏菻妍
https://www.figma.com/proto/NbvmkGo7dBg0luOiaFi03c/1111445088%E9%AD%8F%E8%8F%BB%E5%A6%8D?type=design&node-id=2053-10937&t=f6iTw9IdU3efRfKw-1&scaling=min-zoom&page-id=1%3A3874&starting-point-node-id=2053%3A10937&mode=design

4.成員|班級|學號:視二A1111445035吳玉文 1111445070古淨恩 1111445088魏菻妍 1111445092余姍霓
5.製作心得:第一次使用Figma覺得很新奇 ,一開始覺得很難 到後面越來越順手,完成之後很有成就感。



Edited 1 time(s). Last edit at 11/26/2023 09:37PM by 1111445088魏菻妍.
(編輯記錄)

1.ReDesign主題:Instagram

2.期中報告簡報播放網址:
https://www.figma.com/proto/mvXtXZe8qTrn37DZzkFkBc/Design%E5%AF%A6%E4%BD%9C%E7%B7%B4%E7%BF%92-1111445015?type=design&node-id=404-23815&t=BYsZys6Jmp99dET5-1&scaling=min-zoom&page-id=403%3A23667&mode=design

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
https://www.figma.com/proto/mvXtXZe8qTrn37DZzkFkBc/Design%E5%AF%A6%E4%BD%9C%E7%B7%B4%E7%BF%92-1111445015?type=design&node-id=2145-6557&t=nkiY9f9S7hJmqKOG-1&scaling=scale-down&page-id=2145%3A6554&starting-point-node-id=2158%3A590&mode=design

4.成員|班級|學號:曾蕙閔 北視傳2A 1111445015

5.製作心得:在摸索中雖然有很多問題但也在失敗中成長,也學習到很多



Edited 1 time(s). Last edit at 11/27/2023 12:48PM by 曾蕙閔.
(編輯記錄)

MEPOERs said:
JinJin: 缺人物誌
JinJin: 上面打錯,部分內容沒有放在頁框裡,請調整喔!
1.ReDesign主題:GU

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:陳怡孜1115445010 徐筱姍 1115445011 林育樟1115448030

5.製作心得:tl 超級難,一堆細節要去學習,還有很多東西還沒搞定,且戰且走。

MEPOERs said:
JinJin: 請開放權限,目前無法觀看
1.ReDesign主題:餐廳訂位程式

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:何亞薰|視傳2A|1111445118

5.製作心得:第一次自己製作應用程式介面,覺得很新奇,由於介面是英文而且很多地方不熟悉,因此做起來特別有挑戰性。

MEPOERs said:
JinJin: 缺人物誌
ReDesign主題:未來共聚(Future Gathering)
期中報告簡報播放網址:https://www.figma.com/proto/LlgiVXvUBQiw29x6bmAEtf/Design%E5%AF%A6%E4%BD%9C%E7%B7%B4%E7%BF%92(1111445008)?type=design&node-id=404-23815&t=ngfK2EzVZXcfktFk-0&scaling=min-zoom&page-id=403%3A23667
3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:https://www.figma.com/proto/LlgiVXvUBQiw29x6bmAEtf/Design%E5%AF%A6%E4%BD%9C%E7%B7%B4%E7%BF%92(1111445008)?type=design&node-id=719-24453&t=ngfK2EzVZXcfktFk-0&scaling=min-zoom&page-id=689%3A23761&starting-point-node-id=719%3A24453
4.成員|班級|學號:林瑄紜|2B視傳|1111445008
5.製作心得:第一次接觸Figma覺得很複雜,但分配時間,慢慢做完成。也學到很多新的東西得很有成就感。

MEPOERs said:
JinJin: 不需要的頁面需要刪除,使用者故事地圖沒有放在頁框裡,請修正,部分文字太大,再調整使其更有質感。
1.ReDesign主題:旅遊網頁

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:白宗佑/視傳2A/1111445068

5.製作心得:在製作簡報的過程中我原本覺得製作簡報很難,但實際上是真的難QAQ,可是我覺得製作使用者介面滿有趣的我滿享受個製作的過程,在製作做的過程可以感受到自己正在完成一個有趣的網頁

MEPOERs said:
JinJin: 不正確及不需要的頁面需要刪除
1.ReDesign主題:Alarmy:鬧鐘解決方案

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:盧玟君 視傳二B 1111445085

5.製作心得:第一次接觸Figma,還在熟悉程式功能,做作業的過程有比較熟悉了,是很實用的經驗。

MEPOERs said:
JinJin: 簡報很認真,不過字體太多粗體,並可再縮小,質感會更好,APP內容少較可惜
1.ReDesign主題:去趣

2.期中報告簡報播放網址:
https://www.figma.com/file/4wF0C8llNmrGAlPBqsz70q/1111445035-%E5%90%B3%E7%8E%89%E6%96%87?type=design&node-id=2601%3A2881&mode=design&t=F2PPDKmmoI35fZz0-1

3.成員(1111445035)分別之WireFrame線框圖|Prototype播放網址:
https://www.figma.com/proto/q30Dcs0j7gflLExikbTJbN/Untitled?type=design&node-id=2-3&t=uiDxfOxj5XTYDta3-1&scaling=scale-down&page-id=0%3A1&starting-point-node-id=2%3A3&show-proto-sidebar=1&mode=design

4.成員|班級|學號:
吳玉文 視2A 1111445035
古淨恩 視2A 1111445070
魏菻妍 視2A 1111445088
余姍妮 視2A 1111445092

5.製作心得:
在開始任何設計之前,深入了解目標使用者的需求是至關重要的,這包括他們的目標、喜好、使用環境等,透過使用者研究、訪談和測試,確保你的設計是以使用者為中心的。

1.ReDesign主題:Netflix

2.期中報告簡報播放網址:https://www.figma.com/file/964rv1ojPabPlDfcMK3bFO/UI-%E8%A8%AD%E8%A8%88%E6%9C%9F%E4%B8%AD%E6%9C%9F%E6%9C%AB%E4%BD%9C%E6%A5%AD(1111445073%E8%A8%B1%E6%96%B9%E9%A6%A8)?type=design&node-id=403%3A23667&mode=design&t=0j6I1fwlM6XSN4wx-1

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:https://www.figma.com/proto/Vj4kzCkW5q6dJle8S7HLRz/Untitled?type=design&node-id=2-7&t=z5iInbTr212WqjVK-1&scaling=scale-down&page-id=0%3A1&starting-point-node-id=2%3A7&show-proto-sidebar=1&mode=design

4.成員|班級|學號:2B 1111445073許方馨

5.製作心得:有點燒腦但還情,希望熟練之後更好

1.ReDesign主題:鬧鐘APP
2.期中報告簡報播放網址:https://www.figma.com/file/hGxOuWTdNiOiTn3gzqcmfU/1111445017%E9%AC%A7%E9%90%98APP?type=design&node-id=403%3A23667&mode=design&t=b4UyvR3OrsZGnhGL-1
3.成員(註明學號)分別之WireFrame|Prototype播放網址:https://www.figma.com/proto/hGxOuWTdNiOiTn3gzqcmfU/1111445017%E9%AC%A7%E9%90%98APP?type=design&node-id=2073-1227&t=UTBpcr4kp2JW7iQj-1&scaling=min-zoom&page-id=1%3A3874&starting-point-node-id=2143%3A4747&show-proto-sidebar=1&mode=design
4.成員|班級|學號:林采玟 北視傳2A 1111445017
5.製作心得:很實用!學到了很多東西。

MEPOERs said:
JinJin: 現況分析的圖片沒有放在頁框裡,請修正喔!
期中

1.ReDesign主題:Foodpanda

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放


4.成員|班級|學號:陳于謙 視二A 1111445043

5.製作心得:雖然因時間無法做到完美,但卻找到了更多修改的地方,讓自己能知道問題的原因,也是進步的很大要素



Edited 2 time(s). Last edit at 11/28/2023 11:13PM by 陳于謙.
(編輯記錄)

MEPOERs said:
JinJin: 簡報缺流程,APP的線框稿也請持續完成喔!
1.ReDesign主題:記帳APP

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:
黃鈺靜 視傳2A 1111445001
劉相妤 視傳2A 1111445130

5.製作心得:
有趣,但都是英文學得有點累

1.ReDesign主題:哥譚警報(解謎遊戲app)

2.期中報告簡報播放網址:
https://www.figma.com/file/0vHKI9H7WBv7wVkLSvd5hH/Design%E5%AF%A6%E4%BD%9C%E7%B7%B4%E7%BF%92-(1111445132)?type=design&node-id=1966%3A398&mode=design&t=QTVsHS0e3ZS0tsPI-1

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
https://www.figma.com/file/0vHKI9H7WBv7wVkLSvd5hH/Design%E5%AF%A6%E4%BD%9C%E7%B7%B4%E7%BF%92-(1111445132)?type=design&node-id=991%3A24870&mode=design&t=pKcA422VlyAsEkhH-1

4.成員|班級|學號:賴瑩嘉 視傳2B 1111445132

5.製作心得:簡報很難很複雜,手機畫面相對的有趣很多,也比較好用。

MEPOERs said:
JinJin: 簡報不需要的頁面可以刪除,APP除了文字之外,也可以思考如何以圖像讓遊戲更有趣
1.ReDesign主題:寵物app


2.期中報告簡報播放網址:
https://www.figma.com/file/yjJBkXvQqpPtyMAl4aHsQe/Design%E5%AF%A6%E4%BD%9C%E7%B7%B4%E7%BF%92-(1111445018)?type=design&node-id=1934%3A506&mode=design&t=J7UiudmGp3ON9Yaa-1

3.成員(註明學號)分別之WireFrame|Prototype播放網址:
https://www.figma.com/proto/yjJBkXvQqpPtyMAl4aHsQe/Design%E5%AF%A6%E4%BD%9C%E7%B7%B4%E7%BF%92-(1111445018)?type=design&node-id=991-24871&t=J7UiudmGp3ON9Yaa-0&scaling=scale-down&page-id=991%3A24870&starting-point-node-id=991%3A24876&show-proto-sidebar=1

4.成員|班級|學號:1111445018-2b-林羿安
5.製作心得:第一次操作感覺很難,但有學到很多東西,還蠻新鮮的

MEPOERs said:
JinJin: 簡報不需要的頁面,可以直接刪除
1.ReDesign主題:Quizle

2.期中報告簡報播放網址:
https://www.figma.com/file/JFQhFiHhQvg2ZwIFwuy8LQ/1111445038?type=design&node-id=0-1&mode=design&t=IetVQiHmiJgeniwX-0

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
https://www.figma.com/proto/dqRmhQfXfJ91vNyCAeg5mV/Untitled?type=design&node-id=3-16&t=RYbtGfoZWTD9twno-1&scaling=min-zoom&page-id=0%3A1&starting-point-node-id=3%3A16&mode=design

4.成員|班級|學號:程之淩 北視傳2b 1111445038

5.製作心得:做好覺得有成就感 但對我而言還是有點複雜

1.ReDesign主題:去趣Chic Trip

2.期中報告簡報播放網址:
https://www.figma.com/proto/NbvmkGo7dBg0luOiaFi03c/1111445088%E9%AD%8F%E8%8F%BB%E5%A6%8D?type=design&node-id=2035-1638&t=gd8ZNjsUkQFiVgws-1&scaling=min-zoom&page-id=403%3A23667&mode=design

3.成員(1111445088)分別之WireFrame線框圖|Prototype播放網址:
1111445088魏菻妍
https://www.figma.com/proto/NbvmkGo7dBg0luOiaFi03c/1111445088%E9%AD%8F%E8%8F%BB%E5%A6%8D?type=design&node-id=2053-10937&t=f6iTw9IdU3efRfKw-1&scaling=min-zoom&page-id=1%3A3874&starting-point-node-id=2053%3A10937&mode=design

4.成員|班級|學號: 1111445035吳玉文  1111445070古淨恩  1111445088魏菻妍  1111445092余姍霓
5.製作心得:第一次使用Figma覺得很新奇 ,一開始覺得很難 到後面越來越順手,完成之後很有成就感。

1.ReDesign主題:化解 화해 app

2.期中報告簡報播放網址:[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
1111445059林芷妤 [期中作業] WireFrame|Prototype 播放
1111445071劉豫靜 [期中作業] WireFrame|Prototype 播放
1111444095江昕瑜 [期中作業] WireFrame|Prototype 播放
1111448066陳宇嫻 [期中作業] WireFrame|Prototype 播放
1111448024何若寧 [期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:
視2B 1111445059 林芷妤
視2B 1111445071 劉豫靜
視2B 1111444095 江昕瑜
視2B 1111448066 陳宇嫻
視2B 1111448024 何若寧

5.製作心得:上了大學第一次接觸Figma,剛開始其實真的不知道要從哪裡開始設計自己的介面,反覆的去複習老師上課所講的重點,現在對Figma比較不會這麼陌生了,做完期中作業對操作比較順手。

MEPOERs said:
JinJin: 功能地圖的內容沒有放在頁框裡,請再調整喔!
1.ReDesign主題:
去趣chictrip
2.期中報告簡報播放網址:
https://www.figma.com/proto/wsAQDNDYzv4GUIhsxy5bFu/1111445070-%E5%8F%A4-%E6%B7%A8%E6%81%A9?type=design&node-id=404-23815&t=wyuryGTJ7aCBmfbd-1&scaling=min-zoom&page-id=403%3A23667&mode=design
3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
1111445070古淨恩https://www.figma.com/proto/wsAQDNDYzv4GUIhsxy5bFu/1111445070-%E5%8F%A4-%E6%B7%A8%E6%81%A9?type=design&node-id=2418-1775&t=SdXqbPs0k7E9oGRj-1&scaling=min-zoom&page-id=1%3A3874&mode=design
4.成員|班級|學號:
視2A1111445035吳玉文  1111445070古淨恩  1111445088魏菻妍  1111445092余姍霓
5.製作心得:第一次作figma,很有趣!

MEPOERs said:
JinJin: 很不錯喔,但使用者故事地圖沒有放在頁框裡,請再調整喔!
1.ReDesign主題:Schooly APP ReDesign Project

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
1111445135
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:視傳2A 1111445003李宥興 1111445019楊欣蓉 1111445135翁瑜慈

5.製作心得:製作使用者介面是一項挑戰性而關鍵的任務,需要深入了解目標用戶,並以需求為中心。首先,用戶中心的設計是成功的基石。透過用戶研究、問卷調查和測試,我們能夠收集寶貴的用戶反饋,確保UI能夠精準滿足他們的期望。
其次,UI的簡潔和直觀是提高用戶體驗的不二法門。避免過多元素和複雜設計,並保持操作流程簡單明瞭,以確保用戶能夠快速、準確地完成任務。此外,一致性在UI設計中具有至關重要的地位。色彩、字型和排版的一致性有助於建立用戶對系統的信任感,透過共享元素和組件確保整體介面的一致性。最後,響應式設計確保UI在不同設備和螢幕尺寸上都能提供優質的使用體驗。通過不斷測試和優化,我們能夠確保UI適應不同的解析度和方向。

1.ReDesign主題:Zero 調香室

2.期中報告簡報播放網址:
https://www.figma.com/proto/dkG053U8aiBhA83ysRnm3z/1111445031-ZERO-%E8%A3%BD%E9%A6%99%E5%AE%A4?type=design&node-id=404-23767&t=7KHOpkfjgpUP9uWn-1&scaling=min-zoom&page-id=403%3A23667&mode=design

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
1111445031 邱毓慈
https://www.figma.com/proto/dkG053U8aiBhA83ysRnm3z/1111445031-ZERO-%E8%A3%BD%E9%A6%99%E5%AE%A4?type=design&node-id=2423-2809&t=p34UTAnl4c0PmpB2-1&scaling=scale-down&page-id=0%3A1&starting-point-node-id=1%3A2155&mode=design

4.成員|班級|學號:邱毓慈|視傳2A|1111445031

5.製作心得:覺得很有趣,之前有使用過類似的軟體 但是比較過後覺得Figma比較好用,之後在做其他作業的時候也能使用它

MEPOERs said:
JinJin: 簡報部分字體太粗,可以更細緻
1.ReDesign主題:課表程式

2.期中報告簡報播放網址:
https://www.figma.com/file/lTzvg1kQVL19GjgyPA7neX/%E8%AA%B2%E8%A1%A8APP?type=design&node-id=403%3A23667&mode=design&t=rVpEx2NK8uTLvUTD-1


3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:1111445003
https://www.figma.com/proto/YNXqeyNrYa6FeXbutnXRCm/1111445003?type=design&node-id=9-75&t=X0g3KdAqKkahfwJG-1&scaling=scale-down&page-id=0%3A1&starting-point-node-id=9%3A75&show-proto-sidebar=1&mode=design

4.成員|班級|學號:
視傳2A-
1111445003李宥興
1111445019楊欣蓉
1111445135翁瑜慈

5.製作心得:天天使用且習以為常的介面背後竟有如此大工程,若有機會會想更深入研究,打造自己心中理想的介面。

MEPOERs said:
JinJin: 部分內容沒有放在頁框裡,請再修正
1.ReDesign主題:IKEA台灣

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
1111445099蕭沛亞 [期中作業] WireFrame|Prototype 播放
1111445131李昕湲 [期中作業] WireFrame|Prototype 播放
1111445136邱子玲 [期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:1111445099蕭沛亞、1111445125楊嘉馨、1111445131李昕湲、1111445136邱子玲

5.製作心得:剛開始還對figma非常地不熟悉,但經過這次的作業有熟悉了一點。

1.ReDesign主題:Netflix

2.期中報告簡報播放網址:
https://www.figma.com/file/u9im0jz0txhstEHlfS1XwB/1111445108%E9%99%B3%E8%96%8F%E7%90%A6ppt?type=design&node-id=403%3A23667&mode=design&t=vSjcyPRdFrYezKKi-1

3.成員1111445108陳薏琦WireFrame|Prototype播放網址:
https://www.figma.com/proto/cJTdcstJ5dgzYXzsy7soWD/1111445108%E9%99%B3%E8%96%8F%E7%90%A6wire-frame?type=design&node-id=2-2158&t=41oduGC79lakyRA2-1&scaling=scale-down&page-id=0%3A1&starting-point-node-id=2%3A2158&mode=design

4.成員|班級|學號:1111445108陳薏琦

5.製作心得:剛開始做覺得複雜到後面做得比較順

1.ReDesign主題:愛奇藝

2.期中報告簡報播放網址:[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
11114451119黃胤 [期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:
視2B 1111445103 李思嫻
視2B 1111445119 黃胤


5.製作心得:第一次用Figma覺得好酷喔,這個程式還蠻完善的,該有的都有,剛學是真的有點複雜,還有蠻有趣的程式

1.ReDesign主題:Netflix

2.期中報告簡報播放網址:https://www.figma.com/file/964rv1ojPabPlDfcMK3bFO/UI-%E8%A8%AD%E8%A8%88%E6%9C%9F%E4%B8%AD%E6%9C%9F%E6%9C%AB%E4%BD%9C%E6%A5%AD(1111445073%E8%A8%B1%E6%96%B9%E9%A6%A8)?type=design&node-id=403%3A23667&mode=design&t=0j6I1fwlM6XSN4wx-1

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:https://www.figma.com/proto/Vj4kzCkW5q6dJle8S7HLRz/Untitled?type=design&node-id=2-7&t=z5iInbTr212WqjVK-1&scaling=scale-down&page-id=0%3A1&starting-point-node-id=2%3A7&show-proto-sidebar=1&mode=design

4.成員|班級|學號:2B 1111445073許方馨

5.製作心得:有點燒腦但還情,希望熟練之後更好



Edited 2 time(s). Last edit at 11/27/2023 01:09AM by 1111445073.
(編輯記錄)

1.ReDesign主題:Money+記帳助手

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:1111445023 陳奕臻

5.製作心得:
第一次接觸到介面設計覺得很有趣,可以自己一步一步製作出來很有成就感!目前我還做得不夠好,現在也還在慢慢摸索,希望最後能做出滿意的成果。

1.ReDesign主題:記帳APP

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:
黃鈺靜 視傳2A 1111445001
劉相妤 視傳2A 1111445130
5.製作心得:還蠻有趣的就是有點累

1.ReDesign主題:誠品APP

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:許境芳|視傳2B|1111445115

5.製作心得:從以前到現在第一次接觸及了解到UI/UX,在製作的過程中,其實遇到了不少問題,有些是我現在還無法理解的,就好比如wireframe ,一剛開始製作的時候真的挺困難,畢竟從來都沒有使用過figma這個網頁程式,對我而言什麼都是新的,剛開始做報告的時候也一樣,就非常迷茫,就算是有聽課,回家之後還是得花時間去摸索,就和以前一開始學AI及PS一樣,所以在研究figma頁面花了不少功夫,當然,已經過了半個學期,也漸漸對此變得有些熟悉,但wireframe 的部分還是不太熟,一開始做一兩頁還有些慢,後面就有慢慢在上手,在這過程中,我還會感到有趣、好玩,當我按下撥放鍵時,因為有連結,所以點擊想要的按鈕就可以跳轉到想要的頁面!!真的超酷!可惜的是我還搞不懂怎麼讓頁面順利的上下滑動,試了1個多小時還是沒搞定,上面的icon會隨著下拉而移動...但整體來說真的挺有趣的,遇到解不開的問題,研究到解開是真的很有成就感!

MEPOERs said:
JinJin: 目前都很不錯喔!互動設計接下來可以有更多學習與練習!
[每組請回覆分享之網址],並註明主題及成員班級、學號。如:
1.ReDesign主題:

2.期中報告簡報播放網址:
[期中作業] WireFrame|Prototype|簡報播放

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
[期中作業] WireFrame|Prototype 播放

4.成員|班級|學號:
視傳2A 1111445072 黃靖雯
視傳2A 1111445005 潘韋妏

5.製作心得:好難,但是交了,希望能歐趴

1.ReDesign主題:微信APP

2.期中報告簡報播放網址:https://www.figma.com/file/2Ca0zmt0VWSr4a73eY7WP4/111445083?type=design&node-id=403%3A23667&mode=design&t=O3Qs7sRyo3QzTney-1

3.成員(註明學號)分別之WireFrame線框圖|Prototype播放網址:
https://www.figma.com/proto/2Ca0zmt0VWSr4a73eY7WP4/111445083?type=design&node-id=2949-1152&t=S3yCgxsF22VAo3uS-1&scaling=scale-down&page-id=2911%3A470&starting-point-node-id=2939%3A1152&mode=design

4.成員|班級|學號:1111445083視傳2B蔡舒宇

5.製作心得:雖然都是英文 但多了探索的樂趣