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

Advanced

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

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

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 10:00PM by JinJin.
(編輯記錄)

1.ReDesign主題:A.MART 愛買
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1085445048 陳美璉
6.製作心得:製作過程很有趣,完成之後非常有成就感

1.ReDesign主題:屈臣氏台灣
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳4A/1065445097/楊凱容
6.製作心得:第一次製作UI的作業讓我深受體會到非常有趣,FIGMA軟體的程式用起來真的很實用也很簡單完成後讓我自己有成就感。

1.ReDesign主題:KingStone
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1085445041
6.製作心得:在製作的過程中是非常的吃眼力與腦力的,因為有好多的東西要結合來結合去的,有時候沒注意到就會遺漏或弄錯,但製作完後還是會感到很有成就感,尤其自己本身有點強迫症,在排的過程中,只要一個沒對齊,就會一直對,直到對到齊為止,還會一直不斷查看有沒有問題,沒問題後就會覺得很滿意哈哈哈哈哈,這次的作業花費了好多心思,希望自己是有成功「重新設計」app。

1.ReDesign主題:寶雅 POYA
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A -1085445045
6.製作心得:雖然困難重重,但做完了還是很開心 很有成就感 ! !

1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1085445055潘梵熙
6.製作心得:終於做完了。\\\\٩( 'ω' )و ////⁽⁽٩(๑˃̶͈̀ ᗨ ˂̶͈́)۶⁾⁾(́◉◞౪◟◉‵)(」・ω・)」うー!(/・ω・)/にゃー!

1.ReDesign主題: FIFTY SHOPPING
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1085445031
6.製作心得:在過程中覺得很麻煩又很複雜,尤其是在分析流程的時候,但是做到精搞設計的時候會不知不覺地做下去,一整個做完時就很有成就感



Edited 3 time(s). Last edit at 06/09/2021 11:25PM by 1085445031.
(編輯記錄)

1.ReDesign主題:博客來
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址 (期中簡報)
[期末簡報] 完整檔案網址 (Behance)
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1085445046 陳怡文
6.製作心得:雖然有些地方有點複雜,需要花時間完成,不過蠻有趣的,可以自己設計出介面,希望之後有機會可以學更多功能~

1.ReDesign主題:PX Pay (全聯支付)
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A/1085445013
6.製作心得:這次的作業在製作過程中遇到許多動畫的困難,像是怎麼去做輪播式的動畫,花了很多時間在研究Figma的動畫製作,但製作出想要的效果很有成就感,而且非常有趣,會不自覺地想要做下去! 但由於app實在太大了只能做出一部分~ 還有在做app排列字體顏色那些需要同步運用Figma Mirror來確認,不然直接從電腦上部分細節需要修改的真的看不出來餒!

1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1085445067 林郁倫
6.製作心得:對我來說有點耗腦力和眼力,許多設計需要無中生有,再連接上也會有高雜的時候,就需要重新來過,但是在試看的時候可以操作還是非常有成就感的,就會想多做出細節,縮然我做的並非很專業,但我覺得我很盡心盡力了。



Edited 3 time(s). Last edit at 06/23/2021 12:53AM by 1085445067.
(編輯記錄)

1.ReDesign主題:蝦皮APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
Behance
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1085445062 鍾昊倫
6.製作心得:整個過程蠻複雜的 但是慢慢做還是可以把它完成 作完後覺得有一點成就感



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

1.ReDesign主題:OPEN POINT
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1085445017
6.製作心得:過程中要一直反覆查看線有沒有連對有沒有沒連到的,看到眼睛跟脖子都超酸的,不過最後在Behance上看到自己的作品,意外覺得還不錯



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

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

1.ReDesign主題:Apple Music
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1085445059
6.製作心得:花了很多時間製作,需要動腦力,figma只要有電腦有網路就能製作所以非常方便!!!做完後會得到滿滿成就感。



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

1.ReDesign主題:大潤發
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:2B 1085445030
6.製作心得:覺得蠻困難的,不過還好有老師製作的網站才能順利\做出東西。身為電腦白癡看老師的文章慢慢照著做製作出來很有成就感。

1.ReDesign主題:OPEN POINT

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

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

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

5.班級學號:
視傳2A 1085445083

6.製作心得:
一開始非常不熟悉,但經過老師細心的講解,越來越懂得操作,並且做出自己的作品。過程中,雖然遇到許多燒腦且複雜的地方,但回顧一下老師的影片就懂了,介面是英文的有點不習慣,希望他可以出中文版。



Edited 2 time(s). Last edit at 06/16/2021 02:27PM by 1085445083.
(編輯記錄)

1.ReDesign主題:YouBike微笑單車
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1075450008 郭晉瑋
6.製作心得:使用了跟以往不同的軟體來設計,很新鮮的體驗,也謝謝老師這學期的教學讓獲益良多!!

1.ReDesign主題:Uber Eats
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:2A 1085445027
6.製作心得:其實不會很難,但需要花時間去做,互動式頁面還蠻有趣的。



Edited 2 time(s). Last edit at 06/16/2021 12:42PM by 1085445027.
(編輯記錄)

1.ReDesign主題:大潤發RT
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B|1085445006│駱維翎
6.製作心得:整個製作的時長超乎我的想像,從wireframe到精稿真的讓我感到非常的充實,雖然在設計按鈕的連結時還曾出現畫面無法滑動的狀況使我信心受挫。
但是整體來說是一個非常好的體驗,且我在讓他順利可以滑動的時候其實是很有成就感的。



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

1.ReDesign主題: 麥當勞報報
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號: 視傳4A 1065445112 陳怡彤
6.製作心得:第一次使用UI製作,雖過程有點繁瑣,但在老師完整的說明下,終於一點一點的把它完成了,看到成品非常的開心^^



Edited 2 time(s). Last edit at 06/21/2021 04:33PM by 陳怡彤.
(編輯記錄)

1.ReDesign主題:大潤發

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

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

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

5.班級學號:視傳2B 1085445042 吳云琦

6.製作心得:製作途中很有趣也滿順的,很多方便的工具做起來真的幫助很大!好耶!

1.ReDesign主題:誠品書店

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

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

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

5.班級學號:視傳2A 1085445043

6.製作心得:用了好多天 很有成就感! 謝謝老師耐心教導回覆我的問題



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

1.ReDesign主題:屈臣氏
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1085445014 邱詩雯
6.製作心得:電腦常常當掉,雖然花時很長、做的還不算很理想,但也學會了自己摸索一些功能。

1.ReDesign主題:Google翻譯
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:數媒3A 1075450003 黃詠麟
6.製作心得:感覺蠻特別的體驗,之前沒有自己做過介面設計,在用APP以為只有幾個畫面應該很快就完成,沒想到還要分析使用流程等等的,做起來也挺耗時的。

1.ReDesign主題:亞尼克隨享卡
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:數媒3A 1075450002 郭姿伶
6.製作心得:之前完全沒有學過介面設計,老師教導後覺得很有趣,也很高興老師教我們Figma讓我們能實際做出來。謝謝您~



Edited 5 time(s). Last edit at 06/09/2021 08:07PM by 1075450002.
(編輯記錄)

1.ReDesign主題:發票怪獸
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1075450004曾瑋豪
6.製作心得:我認為在我進入職場會時常用到,他非常便捷且快速,非常好使用的一個軟體,並且是網頁版的非常特別而且很人性化。



Edited 2 time(s). Last edit at 06/09/2021 01:31AM by 1075450004.
(編輯記錄)

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

1.ReDesign主題:屈臣氏台灣

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

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

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

5.班級學號:視傳2A 1085445015 陳韋潔

6.製作心得:雖然有些地方很複雜,但做完非常有成就感,也非常佩服UI/UX設計師!



Edited 7 time(s). Last edit at 06/16/2021 02:04PM by JAMIE1103.
(編輯記錄)

MEPOERs said:
JinJin: mockup中沒有明顯屈臣氏示意,如logo或標準字,不容易別別品牌APP
請參考 使用者介面設計|期末發表說明講義之說明,製作期末作業。
請於6/9(第十六週)前,回覆以下問題:
可持續修改至第十八週

1.ReDesign主題:

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

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

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

5.班級學號:視傳2A 1085445015 陳韋潔

6.製作心得:雖然有些地方很複雜,但做完非常有成就感,也非常佩服UI/UX設計師!

1.ReDesign主題:康是美APP
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1085445070
6.製作心得:好累,但有成就感

MEPOERs said:
JinJin: behance整體排版需再縮小調整會更精緻
1.ReDesign主題:香水1976
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1085445078
6.製作心得:頭疼阿

1.ReDesign主題:寶雅
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1085445076
6.製作心得:我電腦這禮拜才剛到,所以沒有太多時間做...只能靠記憶力一點一點的做,有些功能都不知道...都要一點一點地摸索。
所以希望老師可以體諒...我盡力了



Edited 4 time(s). Last edit at 06/15/2021 11:09PM by 1085445076.
(編輯記錄)

1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1085445039 邱玄綺
6.製作心得:
製作時間20小時
終於做完了~



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

1.ReDesign主題: 寶雅
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號: 視傳2A 1085445047 范瑋慈
6.製作心得:做精稿的時候有些動畫會不知道從哪裡開始用 設計也要花很多的時間去排 還會覺得期中做的線搞太少 或著是不好 再弄精稿的部份就會去多加上去
做完之後看互動覺得還不錯 但就是要花恨多時間去修改

MEPOERs said:
JinJin: 整體圖文編排可再縮小,會更精緻
1.ReDesign主題:KFC肯德基
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1085445007 徐愛
6.製作心得:這是我大學以來花最久時間做的作業,做了一個禮拜多,第一次學ui,我蠻有興趣的,雖然做起來很累花很多時間,但非常有成就感!!



Edited 5 time(s). Last edit at 06/13/2021 07:44PM by 1085445007.
(編輯記錄)

1.ReDesign主題:肯德基app
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1085445028 許佩怡
6.製作心得:完成之後非常有成就感,意外的蠻有趣的!



Edited 1 time(s). Last edit at 06/15/2021 04:54AM by 1085445028.
(編輯記錄)

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



Edited 2 time(s). Last edit at 06/16/2021 02:09PM by 1075445032.
(編輯記錄)

MEPOERs said:
JinJin: 1.同一組的封面還是要有不同喔!可加入手機呈現。 2.精稿展示需加入手機框,並分類說明,較完整。3.缺prototype,請補齊喔!
1075445032: 已修改
1.ReDesign主題:Garena App
2.Behance線上發表網址:
[Behance] 線上發表

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

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

5.班級學號:視傳2A 1085445001
6.製作心得:放置圖片時比較麻煩,可能圖片大小會跟自己在figma畫出來的框不成比例,還要再調整。在放置小圖片時,因為網路上提供的都是大圖片,需要自己裁切圖片,才能放進去,所以比較費時間。

1.ReDesign主題:全聯Pxpay
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1085445053 林國為
6.製作心得:jesus christ我終於是用好了,大學生活以來只有這個作業讓我熬夜到2點多才做完,我要去睡覺了。



Edited 1 time(s). Last edit at 06/15/2021 07:07PM by 這甚麼到底甚麼閃現.
(編輯記錄)

MEPOERs said:
JinJin: 部分說明文字可再縮小會更精緻、mockup可以詳細分類說明
1.ReDesign主題:全聯pxpay
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A1085445021李嘉敏
6.製作心得:我ㄉ肩膀好痛ㄡQQ

MEPOERs said:
JinJin: 1.加入mockup的分類說明會更完整喔!2.prototype要加入手機框才能確實執行喔!
1.ReDesign主題:H&M
2.Behance線上發表網址:
https://www.behance.net/gallery/121346983/_
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
https://www.figma.com/file/y9U0J5RjraeZwbSZbRGEdk/ReDesign-Project-HW01-Copy
4.Figma-Mockup-Prototype|互動精稿播放網址:
https://www.figma.com/proto/ulV4xQeQQPKQURD4y571Ke/1075445084-HWireframe-Copy-Copy?node-id=1844%3A2&scaling=scale-down&page-id=0%3A1
5.班級學號:視傳3B 1075445082 江益勝
6.製作心得:過程非常有趣,完成後也很有成就感

1.ReDesign主題:ZARA
2.Behance線上發表網址:
https://www.behance.net/gallery/121594913/-1075445084?
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
https://www.figma.com/file/O3A61tuV4fUblMZ9yVWKVQ/ReDesign-Project-HW01-(Copy)-(Copy)?node-id=0%3A1
4.Figma-Mockup-Prototype|互動精稿播放網址:
https://www.figma.com/file/GnolZTjabKCdDfqdAIJFHL/1075445084-HWireframe-(Copy)-(Copy)-(Copy)?node-id=0%3A1
5.班級學號:視傳3b -1075445084 黃章豪
6.製作心得:雖然很難,但做完了還是很開心 很有成就感 ! !

1.ReDesign主題:711 openpoint
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳4C 1065445114 林晏岑
6.製作心得:當初覺得操作上很困難,因為是全英文,但後來慢慢摸索後發現其實很好操作、也很快就上手,雖然製作過程很繁雜,但完成之後覺得很有成就感,希望這學期能順利畢業...。



Edited 5 time(s). Last edit at 06/23/2021 03:46AM by 1065445114.
(編輯記錄)

MEPOERs said:
JinJin: Behance要放prototype
1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1085445035盧姿穎
6.製作心得:好複雜,好難...(可能是我挑的主題太難了...)



Edited 6 time(s). Last edit at 06/23/2021 02:26PM by 1085445035.
(編輯記錄)

MEPOERs said:
JinJin: 補behance連結,figma未開放分享
1.ReDesign主題:KFC
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:1085445025李昭儀
6.製作心得:做起來非常艱難不過做完很有成就感



Edited 15 time(s). Last edit at 06/24/2021 07:51PM by chaochao.
(編輯記錄)

1.ReDesign主題:H&M
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳 3B 1075445062 林矞靖
6.製作心得:因為第一次接觸這個軟體,所以在做作業的時候,花了蠻多時間的,也覺得蠻難的。



Edited 1 time(s). Last edit at 06/22/2021 05:40PM by 1075445062.
(編輯記錄)

1.ReDesign主題:H&M
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址 5.班級學號:視傳 3B 1075445062 林矞靖
6.製作心得:因為第一次接觸這個軟體,所以在做作業的時候,花了蠻多時間的,也覺得蠻難的。



Edited 6 time(s). Last edit at 06/22/2021 05:30PM by 1075445062.
(編輯記錄)

1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:資管4A 1065461013 賴冠宇
6.製作心得:實作了很多以前沒接觸過的設計網頁,收穫蠻多的!

1.ReDesign主題:麥當勞報報
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1085445011
6.製作心得:一開始不太知道要如何製作,尤其是流程分析跟線框部分,但經過老師的講解後,漸漸的了解很多做法及互動,雖然要花很多時間、心思來設計及思考,但是收獲也非常多

1.ReDesign主題:
2.Behance線上發表網址:

3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:數媒5B
6.製作心得:對於沒有什麼美感的人真的很難,做的醜又不知道怎樣比較好。
7.宣傳影片:https://youtu.be/HH4Aufiu_o0

1.ReDesign主題:MENU 美食誌
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2A 1085445063 陳羿萍
6.製作心得:第一次做UI也做了好久~但很開心自己完成了,開心!!!

1.ReDesign主題:MUJI
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B 1085445008
6.製作心得:我覺得在連介面的時候很好玩,但跟FIGMA還是不太熟哈哈,雖然很多東西,但蠻有趣的!!



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

1.ReDesign主題: 小雞上工

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

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

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

5.班級學號:視傳2B_1085445026_陳莛嬩

6.製作心得:覺得有點困難..,但很感謝老師給補交的機會,才能問同學完成這份作業。

1.ReDesign主題:Sugarfina
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳2B / 1085445056 / 簡伯叡
6.製作心得:一開始覺得很麻煩很累不會做,但開始去摸索或是尋找怎麼去做FIGMA的時候,覺得相當有趣。
但製作起來還是很累大概做了2個禮拜,畢竟比較不熟怎麼用Figma

1.ReDesign主題:
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:
1065445152
視4B 蒙畊蓊
6.製作心得:
我覺得這是一堂很酷的課,真的讓我對UI/UX產生很大的興趣,雖然對FIGMA還不是非常熟悉,但在摸索中其實也有很新奇,是一個會讓人想持續接觸的軟體與課程。謝謝老師很用心的把講義都放在網路上,讓我在網際的時候還能回去找答案!!



Edited 2 time(s). Last edit at 06/27/2021 12:39AM by 1065445152.
(編輯記錄)

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

1.ReDesign主題:ZARA
2.Behance線上發表網址:
https://www.behance.net/gallery/121594913/-1075445084?
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
https://www.figma.com/file/O3A61tuV4fUblMZ9yVWKVQ/ReDesign-Project-HW01-(Copy)-(Copy)?node-id=0%3A1
4.Figma-Mockup-Prototype|互動精稿播放網址:
https://www.figma.com/file/GnolZTjabKCdDfqdAIJFHL/1075445084-HWireframe-(Copy)-(Copy)-(Copy)?node-id=0%3A1
5.班級學號:視傳3b -1075445084 黃章豪
6.製作心得:雖然很難,但做完了還是很開心 很有成就感 ! !

1.ReDesign主題:大江購物中心App
2.Behance線上發表網址:
[Behance] 線上發表
3.期末簡報完整檔案:含期中簡報、情緒板、Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計|網址:
[期末簡報] 完整檔案網址
4.Figma-Mockup-Prototype|互動精稿播放網址:
[Figma] 互動精稿播放網址
5.班級學號:視傳3A 1095445045 高柴彩花
6.製作心得:因為figma有很多功能非常複雜,完成了時候很有成就感.