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

Advanced

[期末作業] UI ReDesign期末作品線上發表

請參考 使用者介面設計|期末發表說明講義之說明,製作期末作業。
請於6/10(第十六週)前,回覆以下問題:
可持續修改至第十八週

1.ReDesign主題:
2.Behance線上發表網址:
<a href="貼上Behance網址" target="_blank"> [Behance] 線上發表 </a> 3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
<a href="貼上期末完整檔案網址" target="_blank"> [期末簡報] 完整檔案網址 </a> 4.Figma-Mockup-Prototype|互動精稿播放網址:
<a href="貼上[Figma] 互動精稿播放網址" target="_blank"> [Figma] 互動精稿播放網址 </a> 5.班級學號:
6.製作心得:



Edited 1 time(s). Last edit at 05/18/2021 09:58PM by JinJin.
(編輯記錄)

1.ReDesign主題:MUJI passport APP UI design
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445027 薛榕賢
6.製作心得:這次的作業很費時費力,做了很長一段時間。但做出來的成品感覺很有趣,能自己做出來類似APP介面的東西很有成就,也學到了很多!

MEPOERs said:
JinJin: 1.Behance整體圖文排版需再縮小調整會更精緻。2.Mockup部分文字太大,需再小些,才能呈現精稿的細緻感。
1.ReDesign主題:博客來電子書

2.Behance線上發表網址:
[Behance] 線上發表

3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址

4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址

5.班級學號:視傳2A 1081445098 詹宜錚

6.製作心得:本來想說因為遠距在家比較有時間製作,就想說把所有頁面都做完好了!結果後來發現如果全部頁面要做完大概要有3、400頁左右,所以就放棄了。大概做了一些,花了蠻多時間的,但覺得很好玩!做出來也很有成就感!

1.ReDesign主題:OpenPoint

2.Behance線上發表網址:
[Behance] 線上發表

3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址

4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址

5.班級學號:視傳2A 1081445001 鄧紫翎

6.製作心得:
雖然在過程中覺得很麻煩又很複雜,尤其是在分析流程的時候,但是做到精搞設計的時候會不知不覺地做下去,一整個做完時就很有成就感

MEPOERs said:
JinJin: .Behance整體圖文排版需再縮小調整會更精緻,Figma未開放分享!
1.ReDesign主題:momo 購物
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳3A 1071445006 陳婷如
6.製作心得:製作過程很累又很辛苦,但是還蠻有趣的,會想要繼續學習更多技巧。



Edited 3 time(s). Last edit at 06/24/2021 11:02PM by 陳婷如.
(編輯記錄)

MEPOERs said:
JinJin: Behance首頁請註明 品牌 APP UI ReDesign 的字樣,並附上Mockup的圖片 會在第一頁更清楚的了解作品主題,部分說明文字可再縮小會更精緻
1.ReDesign主題:YAMAHA LIFE
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445013 陳瑋涵
6.製作心得:過程中遇到很多問題,但解決後發現其實還蠻好玩的,只是在前期分析流程的時候,覺得很麻煩,做到現在有個小成品出來有點成就感。



Edited 1 time(s). Last edit at 06/05/2021 01:47PM by zx2137014.
(編輯記錄)

1.ReDesign主題:康是美COSMED
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:北視傳2A1081445011 林裕峰
6.製作心得:前期參考各大APP的設計擺放和APP STORE用戶的評論。後期在製作互動精稿的時候常常因為缺少步驟而沒有顯示,於是花了許多時間在觀看影片和提問。也經由這次的改善設計學習了更多關於Figma的使用技巧。

1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081445109
6.製作心得:這次的製作過程很耗時 但是成品出來覺得很值得



Edited 5 time(s). Last edit at 06/16/2021 03:07PM by 董冠辰.
(編輯記錄)

MEPOERs said:
JinJin: 1.figma檔案未開啟分享,2.Behance需放入prototype
1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:班級:視傳2A 學號:1081445106
6.製作心得:製作過程中發現有非常多值得改善的問題,慢慢修正這些功能的過程中得到了成就感,對UI也有更深刻的認知。



Edited 1 time(s). Last edit at 06/05/2021 07:33PM by 林欣瑜.
(編輯記錄)

1.ReDesign主題: 寶雅POYA
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號: 視傳二A 1081445007 曹嘉伶
6.製作心得:製作過程我覺得超有趣!!但是還是會常常跑出一些讓我頭很痛的事,至少整體上來說收穫很多~

1.ReDesign主題:GoShare
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081445043-胡韋翔
6.製作心得:雖然這個作業需要號相當多的時間,但做完作業會覺得相當有成就感並且了解到平常使用app時的頁面是如何做轉變的,適宜歌非常有趣得作業

MEPOERs said:
JinJin: Behance整題圖文編排再縮小,會更有設計質感
1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445086 連于茜
6.製作心得:覺得自己在一開始製作草稿的時候,可能還沒有什麼明確的想法和概念,但是做到後面,越用越多的時候,漸漸的有了一個製作的明確走向,也認為很有趣,開始更進階的了解到了FIGMA的應用!

1.ReDesign主題:open point
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445048
6.製作心得:學習到了之前沒有接觸到的figma功能,累積了許多經驗。



Edited 1 time(s). Last edit at 06/07/2021 01:40PM by 1081445048.
(編輯記錄)

MEPOERs said:
JinJin: Behance整題圖文編排再縮小,會更有設計質感。2.mockup注意外框或加入手機框,視覺呈現會更完整精緻
1.ReDesign主題:饗樂餐飲APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視2A 1081445019 蔡家慧
6.製作心得:花了很多時間研究操作,更了解了Figma與每個介面的相聯性,做好後成就感滿滿。

1.ReDesign主題:石二鍋
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445084
6.製作心得:這次是首次從頭做到尾,包括整個架構等等,很快的已到了尾聲,在過程中學了不少新知識!也製作的很有心得!



Edited 4 time(s). Last edit at 06/07/2021 12:09AM by JinJin.
(編輯記錄)

1.ReDesign主題:金石堂APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445054
6.製作心得:花了一整個學期的時間製作這個專案,算是做得比較精細,每個流程都走過也讓我體驗到很多做UI的眉眉角角,最有成就感的地方就是發佈到Behance的那一刻,從0到最後看到作品變完整了更是有種過癮的感覺!

1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445068 許馨云
6.製作心得:在製作過程中遇到一些問題,像是連結點不出來,但解決後發現其實還蠻好玩的,雖然因製作時間有點趕,所以還不是很完整,但目前做到現在也有一點小成品出來,讓我有一點成就感。



Edited 1 time(s). Last edit at 06/07/2021 02:00PM by 1081445068.
(編輯記錄)

1.ReDesign主題:Agoda APP

2.Behance線上發表網址:
[Behance] 線上發表

3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址

4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址

5.班級學號:視傳5B 陳恩禮 1052445112

6.製作心得:以前從來沒有使用過Figma作過設計,雖然在操作上較為吃力,加上全英文的介面,製作上需要不停切換翻譯,總體來說是個有 趣的軟體,希望未來能夠更加熟練。

MEPOERs said:
JinJin: Behance需有Mockup精稿與Prototype互動檔
1.ReDesign主題:uniqlo
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445092
6.製作心得:覺得很有成就感,在製作的過程中會希望把它變得更好再更好所以我反覆的修改很多次,我知道我只學到基礎而已還有很多東西需要慢慢去挖掘,我覺得這堂課很有趣也很有用,希望未來能派上用場

1.ReDesign主題:OB嚴選
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445015
6.製作心得:雖然製作過程很費時間,線連到眼睛都快花了,但做出來的成品很美,而且又從中學到了很多新的訊息與知識,讓我覺得非常值得,也很有成就感!

1.ReDesign主題:EZ way APP UI design
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445033
6.製作心得:覺得很讚,剛開始很焦慮,到後面慢慢上手,可以學到很多新知識

MEPOERs said:
JinJin: Behance整體圖文排版需再縮小調整會更精緻。需加入Prototype
1.ReDesign主題: Queen Shop APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址

5.班級學號: 視傳2A 1081445025 毛姿麒
6.製作心得:費時了一個學期,從開始尋找再設計的UI到開始搜集資料及製作,每一步都很扎實也學到很多東西。製作UI的過程也更能體會到平時的UI設計者需要考量到很多東西,不管是介面還是視覺上,每一步都是需要格外的用心以及符合現今社會使用者的需求來做改善。從這門課裡頭真的學到了很多東西,雖然還有很多需要補足的地方,但這門課真的很有趣!

1.ReDesign主題:MUJI無印良品APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445003 鄭至傑
6.製作心得:這次的使用者介面設計令我收穫良多,從一開始的完全不懂,到現在能做出一個APP。這些都是一開始無法想像的,即便花了一整個學期才完成,但是,能看到自己的成品展示出來,非常的有成就感。

1.ReDesign主題:8591手機APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:資工2A 1081462042 黃振嘉
6.製作心得:累累



Edited 1 time(s). Last edit at 06/08/2021 08:01PM by 1081462042.
(編輯記錄)

1.ReDesign主題:COSTCO好市多 APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:
視傳2B 1081445047 程琬淋
6.製作心得:
這是第一次從頭到尾照著流程來製作介面設計,全部還有很大的進步空間,能夠邁出這一步讓我覺得印象深刻,雖然知道要成為專業的UI設計師現在的練習遠遠不夠,但最重要的是經過這次的課程與製作讓我進入了UI設計的世界,學習到非常多!

1.ReDesign主題:POYA寶麗
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A1081445064
6.製作心得:這是我這學期第一個熬夜做到兩點的作業,覺得介面設計真的很不容易,
但還蠻有成就感的,謝謝老師的教導。

MEPOERs said:
JinJin: Behance整題圖文編排再縮小,會更有設計質感喔。2.prototype請加上手機框更完整呈現。
1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081445055 2B 高詠婕
6.製作心得:能製作出能互動的app相當有趣,也了解figma的實用性



Edited 1 time(s). Last edit at 06/09/2021 10:50PM by 高詠婕.
(編輯記錄)

1.ReDesign主題:玩具反斗城
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081445062 陸慶桓
6.製作心得:其實從上學期的課程就有接觸到ui的設計,但當初只是單一作業並沒有再多深入,藉由這次的機會充分了了解figma的運作,也希望之後能夠實際運用。

1.ReDesign主題:Starbucks TW
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081443078周芸彤
6.製作心得:很好玩的使用設計工具,利用這個機會嘗試自己做十分有趣。

MEPOERs said:
JinJin: 補Behance網址
1.ReDesign主題:遊戲盒子gamebox
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳4b 1061445096
6.製作心得:這是一個超級完整的課程,每一堂課都很清楚詳細而且有好多的資料可以看,雖然這樣坐下來一個學期真的是蠻累的,這種設計真的要花好多時間來做,過程有很多繁瑣的工作要一個一個做,雖然我不是做那種很大型很複雜的app但還是花了不少的時間,總歸來講很有成就感,一開始的時候也是很不解,這不是一個假的東西嗎,到底要做到什麼地步才會完成,但聽完上課老師講的後就能夠理解這樣的東西的目的與重要性,蠻樂在其中的,看著那個密密麻麻的格子與連接的線條就覺得很充實

1.ReDesign主題:MUJI APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2b 1081445053 謝宜瑄
6.製作心得:Figma 這個網站我覺得真的很好用!製作的時間雖然很長,但在做的過程中很有趣,可以學習到不同的軟體。

1.ReDesign主題: NITORI宜得利
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081445039王夙芳
6.製作心得:一開始覺得很難後來又再自己去看老師的影片慢慢做出來了!



Edited 2 time(s). Last edit at 06/10/2021 04:47PM by 1081445039.
(編輯記錄)

1.ReDesign主題:T-EX行動購票
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:資工2A 1081462029 洪子傑
6.製作心得:這次的作業很費時又費力,過程中也遇到很多問題,要製作一個滿意的介面真的要學很多東西,要批評一個軟體很簡單也只需要動動手就可以給低分但是真的自己做才發現要做出好看又實用的很困難。

1.ReDesign主題:KFC外送 APP UI design
2.Behance線上發表網址:
https://www.behance.net/gallery/121172769/KFC-Resign-Project
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
https://www.figma.com/file/SyZlRlNRM1afUwhDc5snId/1081445107%E9%99%B3%E6%B7%B3%E4%B8%80-1081445099%E9%99%B3%E6%AD%A3%E6%B5%A9?node-id=0%3A1
4.Figma-Mockup-Prototype|互動精稿播放網址:
https://www.figma.com/proto/IPhziyJz8SXeWU5oknGY9F/1081445107-%E6%9C%9F%E6%9C%AB%E4%BD%9C%E6%A5%AD?node-id=5%3A449&scaling=min-zoom&page-id=2%3A2
5.班級學號:視傳2B 1081445107 陳淳一
6.製作心得:這次的作業相當的耗費心力,但整體讓我勝益良多。

MEPOERs said:
JinJin: 1.behance排版文字需再縮小調整較精緻,2.prototype請加上手機框更完整呈現
1.ReDesign主題:台鐵e訂通
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445095 胡馨方
6.製作心得:雖然一開始覺得很麻煩,也花了許多時間製作,但是做完後非常有成就感,收穫很多。

1.ReDesign主題:55688台灣大車隊
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445088 陳以達
6.製作心得:
我覺得經過了這一學期 我學習到很多知識 從覺得麻煩 到玩出興趣 真的很開心 也謝謝老師的教導

1.ReDesign主題: 露天拍賣
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號: 視傳2A1081445119
6.製作心得:這次做期末報告我覺得我學習到了很多,雖然蠻複雜的,就算上課有聽清楚,但再次實際操作還是需要看老師的影片,邊看邊做作業,自己完成後又覺得很有成就感



Edited 1 time(s). Last edit at 06/09/2021 07:37PM by zhao pin ning.
(編輯記錄)

1.ReDesign主題: 麥當勞歡樂送
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號: 視傳2A 1081445102 孫子晴
6.製作心得:這次的作業用了一整個學期的時間來完成,雖然很耗時費力,但是做出精稿成品的時候覺得很有成就感

MEPOERs said:
JinJin: 部分說明文字可再縮小會更精緻,prototype請加上手機框更完整呈現
1.ReDesign主題:MOS Order
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:北2A 1061431103 蕭晏竹
6.製作心得:獨立完成一個很菜的提案發表比想像中來的困難,因為期中的進度就有些落後加上自己一直拖時間,直到期限快到才趕著做完,雖說如此但做好介面的當下還是挺開心的,比起其他同學頁面可能不是那麼多也不是那麼精緻,希望這次作業之後我能更加進步



Edited 1 time(s). Last edit at 06/09/2021 09:42PM by holysiao.
(編輯記錄)

1.ReDesign主題:MOS Order UI REDESIGN
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號: 視傳2B 1081445042 卓瑞婕
6.製作心得:雖然製作時間很長,但做完很有成就感,figma真的好厲害!比想像中好用很多,學到的東西也都很實用!

1.ReDesign主題:臺北市立圖書館
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445069 邱馨慧
6.製作心得:這次的作業花費了大量時間,利用一學期從認識使用者介面設計到Figma獨立完成提案,到Behance發表,起初覺得對APP相當無趣,到後面老師教了許多Figma的設計及Prototype的趣味性,讓我對Figma更加熟悉,做完也會很有成就感~



Edited 2 time(s). Last edit at 06/17/2021 02:18AM by achiu.
(編輯記錄)

1.ReDesign主題:momo購物網
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445115 梁有揚
6.製作心得:製作過程非常的耗時與辛苦,但是做完很有成就感,老師辛苦了,大家都辛苦了,獲益良多。

1.ReDesign主題:YouBike 1.0
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445079 黃靖雅
6.製作心得:
製作過程中遇到許多次Prototype設定錯誤的問題,常常在畫面設定上花了許多時間,做這個作業真的需要很多的耐心,總之很累但成就感很大。



Edited 1 time(s). Last edit at 06/09/2021 11:07PM by 1081445079.
(編輯記錄)

MEPOERs said:
JinJin: 缺wireframe,mockup可分類說明會更清楚
1.ReDesign主題:MUJI無印良品
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081445090鄭映彤
6.製作心得:這堂課學習到很多座介面的技巧,花了很多時間,但做完很開心,很有成就感。



Edited 1 time(s). Last edit at 06/12/2021 12:10AM by 1081445090.
(編輯記錄)

MEPOERs said:
JinJin: 1.mockup可以詳細分類說明。2.prototype可以加上手機框更完整呈現。
1.ReDesign主題:全聯線上購物
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081445052 吳紀葳
6.製作心得:在疫情下,雖然學習的效果減少了許多但還是學習到了不少,了解了更多fimga使用的功能。

1.ReDesign主題:大潤發app
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445076 吳苙晴
6.製作心得:製作過程有很多不太懂的地方,所以花了蠻多時間在觀看老師的教學影片,問題也都解決了,最後做出成品很開心,又學到了一個新東西!



Edited 3 time(s). Last edit at 06/24/2021 01:31PM by 1081445076.
(編輯記錄)

MEPOERs said:
JinJin: 請補Behance
1.ReDesign主題:ezPay 簡單付
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445110 吳昆翰
6.製作心得:雖然一開始沒有聽過也沒有接觸過Figma這個軟體,但是在這學期使用下來,發現這個軟體其實很好用,不用怕一定要有軟體才能使用,重點是還會自動存檔!!

1.ReDesign主題:中華職棒官方app
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445045陳湘蕙
6.製作心得:在製作的過程中有時會遇到困難,像是如何把內容做適當的配置並且將重點呈現出來,因為中職數據量多因此花比較多的時間在調整版面視覺,不過完成之後讓自己感到很有成就感因此收穫很多

1.ReDesign主題:8591
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:資工二A 1081462018
6.製作心得:好難,超難,難到爆炸,我已經盡力ㄌ老師 sad smiley(

1.ReDesign主題:55688
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B/1081445028
6.製作心得:在製作過程中學到如何使用更多功能,雖然覺得有些困難但很有趣。

1.ReDesign主題:NITORI宜得利家居
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445074
6.製作心得:透過整個學期的課程讓我又更認識UI了!深刻感受到如果要把自己設計的APP變得很有設計感的話真的是個龐大的工程呢!也多虧這次的經驗,讓我也藉此學習到figma更進階的prototype,當初真的摸索了很久!不過最後完成真的蠻有成就感的!



Edited 1 time(s). Last edit at 06/16/2021 11:20PM by 1081445074.
(編輯記錄)

1.ReDesign主題:家樂福
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B1081445101 文于婕
6.製作心得:雖然花很久的時間去做,但最後的成品跟實際上看到的很像,蠻有成就感的!



Edited 2 time(s). Last edit at 06/24/2021 06:53PM by 1081445101.
(編輯記錄)

1.ReDesign主題:e動郵局
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445085 陳映汝
6.製作心得:原本想說很簡單,但這個APP有太多東西是連到網頁版,引此要重做的東西真的好多,要做完大概要3、400頁左右,有些頁面還進不去所以無法知道裡面是什麼,引此現階段只大概做了6成,是以景山店很多莫名其妙的功能了,還是做不完,花了很多時間在研究APP。雖然很累,但是一個很好的經驗。



Edited 1 time(s). Last edit at 06/24/2021 12:48AM by 1081445085.
(編輯記錄)

MEPOERs said:
JinJin: 請補Behance線上發表網址
1.ReDesign主題:麥當勞歡樂送
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445148
6.製作心得:在過程中發現有好多的問題,但因為很困難所以當自己完成以後就會很有成就感

1.ReDesign主題:家樂福app
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2a 1061445004
6.製作心得:許多細節的細節要一直複製貼上很麻煩,但做完後很有成就感

1.ReDesign主題:MUJI APP UI REDESIGN
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445093
6.製作心得:如果有機會想嘗試看看其他APP。

1.ReDesign主題:台北等公車App
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445059 陳珞瓔
6.製作心得:第一次製作工作量如此龐大的作業,做了一整個下學期,有點新穎也很刺激,figma真的好神。



Edited 2 time(s). Last edit at 06/11/2021 12:30AM by 1081445059.
(編輯記錄)

1.ReDesign主題:Clockwork Tomato 番茄中APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A1081445078
6.製作心得:
花很多時間在思考,並嘗試很多次,互動的呈現方式,該如何做出來。
嘗試的過程,會發現很多有趣的設定,或是找到比預期更好的效果!
但真的很費時,尤其網路卡的時候

MEPOERs said:
JinJin: Behance整體圖文編排再縮小,設計質感會更好喔!
1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445063
6.製作心得:figma真的很厲害又很好用,在做的時候常常眼花撩亂,上傳到Behance的時候一開始我不知道頁面的順序要在“重新排列”才能更改,想說怎麼都拉不動,害我一度以為只能按照順序上傳,幸好後來找到了不然重新傳超累的。

1.ReDesign主題:麥味登
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081445124
6.製作心得:製作上面花了許久時間,碰到許多問題,花了滿多時間去研究出來,做出來充滿了成就感。



Edited 1 time(s). Last edit at 06/15/2021 05:50PM by Min Xuan.
(編輯記錄)

1.ReDesign主題:GU APP UI design
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視2A 1081445066 蔡依潔
6.製作心得:這次的期末作業真的真的有夠困難,製作時間非常之久,我覺得我每天都在熬夜....但是做完之後真的超有成就感,學到了好多東西!



Edited 1 time(s). Last edit at 06/10/2021 03:26AM by 1081445066.
(編輯記錄)

1.ReDesign主題:台灣公車通
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 008
6.製作心得:時間比較緊湊東西很多的時候會忘記之前的東西,需要一直複習,英文版的開始比較吃力,後面就還好。



Edited 1 time(s). Last edit at 06/22/2021 04:07PM by 1081445008.
(編輯記錄)

MEPOERs said:
JinJin: prototype的功能列表需有連結,內容需可滑動
1.ReDesign主題:麥當勞報報APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445004 羅雅庭
6.製作心得:在製作上花費了很多時間,有時候遇到奇怪的狀況會有點緊張,但是完成後非常的有成就感。

MEPOERs said:
JinJin: 部分說明文字可再縮小會更精緻,mockup可出現品牌識別及功能列表會更清楚
1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:2A 1081445126 林琪茵
6.製作心得:雖然之前就有稍微使用過一點點figma,但沒想到認真接觸起來竟然那麼難,有的時候搞得頭很痛,很想放棄,但還算是免強努力做出來了,這學期學到了很多。



Edited 1 time(s). Last edit at 06/10/2021 03:39AM by 1081445126.
(編輯記錄)

1.ReDesign主題:台北市立圖書館
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視2B 1081445123 林子亭
6.製作心得:
UI設計對我來說很特別,沒想到在一個免費的平台上就可以設計出來,雖然UI設計很花心思跟時間,但完成時的成就感遠比不上其他類別設計,這是一堂很充實的課,雖然東西很難都是英文介面,但到學期末總是收穫滿滿,對未來很加分一門課!

1.ReDesign主題: FamilyMart
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號: 視傳2A 1081445094 吳宣蓉
6.製作心得:覺得要設計一個完整又好看的app很難,但就是慢慢地學習每個技巧,過程中也遇到很多突然卡住不會操作的地方,但最後找到問題解決掉的感覺很棒,很有成就感,希望可以繼續練習慢慢的讓app看起來更精緻完整,繼續加油!



Edited 4 time(s). Last edit at 06/10/2021 09:17AM by 1081445094.
(編輯記錄)

MEPOERs said:
JinJin: 1.wireframe及mockup注意外框或加入手機框,視覺呈現會更完整精緻。
1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445112
6.製作心得:製作這個真的太困難了,費時又費力,但學習到很多關於怎麼製作UI介面。

1.ReDesign主題:OPEN POINT APP提案
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:2B /1081445139 / 陳怡宣
6.製作心得:這次因為在家製作,相對使用電腦頻率也變很高,能夠如期完成作品,也花費很多的時間,這份作業十分的困難、艱辛需要尋找許多圖片、又有很多砸碎的介面在學習,之後還要再練練吧!

1.ReDesign主題: 威秀影城
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號: 視傳二A 1081445121 蔡懷宇
6.製作心得:這次期末設計要做較完整的發表,製作時遇到不少問題,但還是完成了,過程也學習到了不少。

1.ReDesign主題:PXPAY
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445097
6.製作心得:做了一整個學期,過程有點複雜、困難,但看到最後的成品很有成就感



Edited 2 time(s). Last edit at 06/24/2021 05:29AM by 1081445097.
(編輯記錄)

MEPOERs said:
JinJin: 1.輸出之畫質較差,可再調整。2.prototype的播放尺寸也請調整。
1.ReDesign主題:中國信託行動銀行 Home Bank
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081445083 2b
6.製作心得:很費時費力,花了很多時間在做,但做出來很有成就感。有些互動的地方還是不太熟



Edited 1 time(s). Last edit at 06/10/2021 09:43AM by 1081445083陳筠涵.
(編輯記錄)

1.ReDesign主題:麥當勞歡樂送
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A1081445104
6.製作心得:好難



Edited 2 time(s). Last edit at 06/10/2021 08:41AM by 1081445104.
(編輯記錄)

1.ReDesign主題: 中國科大APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號: 1081445087
6.製作心得:雖然有點複雜但很有趣也很新奇



Edited 1 time(s). Last edit at 06/10/2021 08:25AM by 1081445087.
(編輯記錄)

MEPOERs said:
JinJin: 缺wireframe與情緒板。mockup可更精緻。
1.ReDesign主題:中國科大行動資訊網

2.Behance線上發表網址:
[Behance] 線上發表

3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址

4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址 1081445029 劉家琪
[Figma] 互動精稿播放網址 1081445060 李佩恩
[Figma] 互動精稿播放網址 1081445072 李沂軒

5.班級學號:
視傳2A
1081445029劉家琪
1081445060李佩恩
1081445072 李沂軒

6.製作心得:
1081445029 劉家琪:
在做過這次地的作業後,我對於figma能夠更加靈活的運用而感到很開心,這次的作業讓感到很滿足。

1081445060 李佩恩:
本學期使用了Figma 來做製作,比起上個學期對這個工具有更深入的了解,對於使用者介面設計是第一次完整製作完成,雖然製作過程中有點混亂,尤其在設定Portotype時連接的東西真的蠻多的會有點亂掉,但做完很有成就感。

1081445072 李沂軒:
這學期的製作,從對Figma一開始的認識再到直接做出模擬的App頁面並且做出按鍵或頁面跳出的動畫都覺得很神奇,而在製作的過程中也學習到很多不管是頁面的留白或是顏色選用都是很講究的,我還不是很能完美的掌控這些,希望下個作品能做得更好。

1.ReDesign主題:無印良品APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:2B 1081445135 黃于珊
6.製作心得:
花了一整個學期的時間從整理資料到製作成真的可以在Behance上發表,雖然開始在做的時候會覺得步驟很多,但製作完成後真的很有成就感,在這學期中也很感謝老師提供的建議和解決我們不會的問題



Edited 1 time(s). Last edit at 06/22/2021 10:07PM by 1081445135.
(編輯記錄)

MEPOERs said:
JinJin: 缺Behance網址,請補充喔!
1.ReDesign主題:e動郵局 ReDesign

2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445091
6.製作心得:做出來會很有成就感,雖然過程遇到了相當多的問題,但還是一一解決了,老師上課有趣且說得清楚,但偶爾會太快跟不上,少看一次螢幕後面就跟不上了,還好影片跟講義才能再次複習。



Edited 2 time(s). Last edit at 06/23/2021 10:43PM by 1081445091.
(編輯記錄)

MEPOERs said:
JinJin: 1.wireframe要放在mockup前面,wireframe需有框
1.ReDesign主題:優視達app
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081445075 劉育甄
6.製作心得:需要花時間研究與探討 但做完很有成就感~

1.ReDesign主題:麥味登
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445067謝佩蓉
6.製作心得:第一次使用figma發現真的方便多,也學到了很多有關UI設計的東西整個學期都在做這個專案真的不簡單。

1.ReDesign主題:中國科大行動資訊網
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:林沛辰 影視3A 1071440068
6.製作心得:雖然實際完成之後,比我想像中的困難許多,但也從中收穫需許多。



Edited 1 time(s). Last edit at 06/14/2021 06:38AM by pei2000818@gmail.com.
(編輯記錄)

1.ReDesign主題:H&M
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳 3B 1075445032
6.製作心得:好難好複雜



Edited 3 time(s). Last edit at 06/15/2021 03:23PM by 1075445032.
(編輯記錄)

1.ReDesign主題:達美樂APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081445020
6.製作心得:做的過程中覺得做的很辛苦但看到做出來的成果蠻有成就感的

MEPOERs said:
JinJin: 1. 輸出圖片有些模糊,請再修正會更精緻。2.mockup加上分類說明會更清楚。 3.prototype加手機框
1.ReDesign主題:McDonalds APP UI design
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2b 1081445024 馮楷文
6.製作心得:雖然這個對我來說蠻困難的,但有學會覺得非常有成就感。

1.ReDesign主題:大潤發購物APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445049
6.製作心得:能看到成品能夠與使用者互動真的很有成就感,雖然過程裡很常漏東漏西,但最後成品看起來很專業,覺得很開心。

1.ReDesign主題:SMTOWN AR APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081445036 視傳2B
6.製作心得:講到這個越做越覺得有趣,很開心能在老師這邊學到這個,謝謝老師的教導。我越做越累但也越開心。

MEPOERs said:
JinJin: 很不錯喔!1.可將圖片間距變零,看起來會更順暢。2.Mockup可分類說明會更完整喔!
1.ReDesign主題:中國科大行動資訊網
2.Behance線上發表網址:
[Behance] 線上發表

3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址

4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址

5.班級學號:
1081445029 劉家琪
1081445060 李佩恩
1081445072 李沂軒
6.製作心得:
本學期使用了Figma 來做製作,比起上個學期對這個工具有更深入的了解,對於使用者介面設計是第一次完整製作完成,雖然製作過程中有點混亂,尤其在設定Prototype時連接的東西真的蠻多的會有點亂掉,但做完很有成就感。



Edited 1 time(s). Last edit at 06/15/2021 11:44PM by 1081445060.
(編輯記錄)

MEPOERs said:
JinJin: Behance整題圖文編排再縮小,會更有設計質感喔!
1.ReDesign主題:Costco
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445041
6.製作心得:做了很久也糾結了很長一段時間,覺得做的不是特別好,但是當成一種經驗!會繼續修正這個作品,很期待他能出現在我以後的作品集上,這學期大家都辛苦了!!

1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445072 李沂軒
6.製作心得:這學期的製作,從對Figma一開始的認識再到直接做出模擬的App頁面並且做出按鍵或頁面跳出的動畫都覺得很神奇,而在製作的過程中也學習到很多不管是頁面的留白或是顏色選用都是很講究的,真的非常有趣也具有挑戰性的作業。

1.ReDesign主題:宜得利
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445065
6.製作心得:這次花了蠻多時間在作業上,想呈現比之前更完整的作品,最後完成的成果自己也蠻滿意的,但還是有進步空間,希望未來可以更精進在這類型的技術上。

1.ReDesign主題:蝦皮
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445056 翁欣吟
6.製作心得:在製作過程中,遇到很多問題,只能盡量做,慢慢做完它,雖然進度一直很慢,落後於班級,但確實學到了不少。

1.ReDesign主題:台灣大車隊
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445058游家玟
6.製作心得:完成後非常有成就感!有種更喜歡介面設計的感覺,也學到非常多新知識。雖然一開始很不懂該如何操作,但後來有慢慢上手,謝謝老師!

1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445061 林亮妤
6.製作心得:這次的課程對我來說是的挑戰,但很享受在做的時候。通過這次的發表練習我了解到平時輕鬆自在的使用手機,原來是背後有著一遍遍的修改所堆積出的優良體驗。

1.ReDesign主題:麥味登
2.Behance線上發表網址:
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 071 鄭心慈
6.製作心得:雖然還是沒做完,但是做的過程中很有成就感,我英文真的不太好,所以步驟都還是不太流暢...

1.ReDesign主題:MUJI passport
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:
視傳2A 1081445003 鄭至傑
視傳2A 1081445027 薛榕賢
視傳2A 1081445037 許怡荷
視傳2A 1081445086 連于茜
6.製作心得: 製作過程意想不到的耗時,有點累,但也是一個不同的體驗。



Edited 3 time(s). Last edit at 06/25/2021 11:43AM by 1081445037.
(編輯記錄)

1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081445073 湯辰瑀
6.製作心得:一手打造的感覺很有成就感!其實介面設計也很好玩,還有很多進步空間可以摸索,謝謝老師平常仔細教導。

1.ReDesign主題:火車時刻表
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445014 蔡思婷
6.製作心得:還滿有趣的,遠距在家有時間可以製作,最後有做出自己想要的成品 !

1.ReDesign主題:優視達APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081445075 視傳2B 劉育甄
6.製作心得:需要花時間研究設計 但做完會有成就感!

1.ReDesign主題:NITORI宜得利家居
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445021
6.製作心得:做起來蠻費時費力的,但很有成就感!

MEPOERs said:
JinJin: 1.behance缺流程圖、wireframe。2.prototype可以加上手機框更完整呈現
1.ReDesign主題:PChome 商店街
2.Behance線上發表網址: [Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1081445040林星穎
6.製作心得:花了很多時間製作,有好多地方可以做更精細,而且我常常忘記要群組,所以常常要重複做,課程有趣但要花很多時間心力。

1.ReDesign主題:麥當勞
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號: 視傳2B 1081445006
6.製作心得:這堂課雖然很有難度,但卻收穫很多。不僅要了解各個app之間的流暢性,還要顧及使用者的感受。很有趣!

MEPOERs said:
JinJin: Behance整題圖文編排再縮小,會更有設計質感。wireframe及mockup注意外框或加入手機框,視覺呈現會更完整精緻。Prototype手機尺寸不合。
1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號: 視傳2B。 1081445018 陳羿化
6.製作心得:雖然一開始不知所措,但後來發現很有趣,做到哪也能及時模擬使用redesign 的APP覺得很酷,就漸漸做完了。

1.ReDesign主題:Eazy Wallet 悠遊付
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:
1081433102 視傳2B
6.製作心得:
我覺得figma這個網站真的讓我在製作時感覺到好像真的在設計一款app,而且很多效果都是有插件可以使用所以能製作的非常快,但是因為是英文版,所以在製作的過程中,只能一直嘗試哪個才是自己要的效果或參數,做到最後,真的覺得所有的學習任何程式都是靠自己手摸出來的。

1.ReDesign主題:金石堂網路書店
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445128
6.製作心得:很多細節需要做到,但做完很有成就感

1.ReDesign主題:Ocard APP
2.Behance線上發表網址:
https://www.behance.net/gallery/122135993/Ocard-APP-Redesign-

3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
https://www.figma.com/file/wICGoGy2Dbs7NTxd7n7IWk/1071445157_%E6%9B%BE%E5%A9%B7%E5%A9%B7?node-id=0%3A1

4.Figma-Mockup-Prototype|互動精稿播放網址:
https://www.figma.com/proto/8B4lM1En8eSp1BF7kRFFcG/1071445157-%E6%9B%BE%E5%A9%B7%E5%A9%B7?node-id=40%3A231&scaling=scale-down&page-id=1%3A3

5.班級學號:視傳3A 1071445157 曾婷婷
6.製作心得:一開始接觸的時候不太知道怎麼下手,後來有了解到功能界面,發現到也沒有很難,但是要做好也一點都不簡單。對UI也有了基本的了解~

1.ReDesign主題:Open Point
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445023 吳詩嫻
6.製作心得:雖然製作的過程中遇到了很多挫折和困難,但無形之中也學習到了很多知識,最終的成果非常的滿意~謝謝老師這學期的教導!

1.ReDesign主題:麥當勞報報
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:數媒4B 1061446083 彭維軍
6.製作心得:



Edited 1 time(s). Last edit at 06/24/2021 02:58AM by 1061446083.
(編輯記錄)

1.ReDesign主題:石二鍋
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳4B 1061445159 張舜茜
6.製作心得:設計是一種語言、一種表達方式,透過這次的APP介面設計了解到設計不是簡簡單單的投入時間就可以的,必須結合思考、理念、方法…等。作品從無到有設計出一個有創意,人夠讓人為之一亮的作品,無疑是最激動、最有成就感的事了。

MEPOERs said:
JinJin: 1.mockup可以詳細分類說明會更完整。2.prototype請加上手機框更完整呈現。
1.ReDesign主題:COSTCO APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:影視3A 1071440067 楊紘瑋
6.製作心得:製作UI需要相當大的腦力,但同時也樂在其中,當我製作完一部分時都會有種成就感,做為推動我繼續創作的動力,製作過程有很多地方需要注意,這不只是單純的設計,還有prototype需要同時聯動,要兼顧版面漂亮、操作人性化、畫面比例平衡,邏輯通順...等等非常多的細節,絕不是看似表面上的那麼簡單,而是要非常細心的工作。在現在多媒體盛行的年代,學會這項技能十分的有用,希望往後也能活用這次的經驗在工作或作品上。

1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1081445096
6.製作心得:操作上遇到問題花了 比較久的時間製作 覺得課程很有趣 未來還會再多練習!



Edited 2 time(s). Last edit at 06/25/2021 07:05PM by kiqi777.
(編輯記錄)

1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:資工2A 1081462003
6.製作心得:這個對於藝術細胞極度不足的我算是很大的挑戰,製作的過程有很多挫折,過程中學到很多,雖然成品不是很好,但是學到不少東西

1.ReDesign主題:區臣氏
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳3B 1071461079
6.製作心得:真的有點困難

1.ReDesign主題:誠品人
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1081445016 陳綺君
6.製作心得:因為這堂課程,讓我知道要製作一個app背後是多麼不容易,需要靠每天不斷的修改,才能達到自己覺得最完美的狀態,也因為實際製作才能明白製作過程的辛苦,但做到最後也相當有成就感,是個很特別的經驗,往後也能加以利用到專題的作品中。



Edited 5 time(s). Last edit at 06/26/2021 07:11AM by JYUN.
(編輯記錄)