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

Advanced

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

請參考 使用者介面設計|期末發表說明講義之說明,製作期末作業。
請於6/19前,回覆以下問題:

1.ReDesign主題:
2.線上平台發表網址:
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:
4.Figma 期中作業整合情緒板等網址:
5.組員班級學號:
6.製作心得:

1.主題: Redesign PChome 24h App
#同場加映PChome UI設計短片: 點我連結
2.線上平台發表網址: 點我連結
3.報告包含設計系統、情緒版等|網址: 點我連結
4.報告原始檔|網址: 點我連結
5.互動原型設計: 點我連結
6.互動播放設計: 點我連結
7.成員(班級、學號):視傳系 1081999022 杜英豪

8.製作心得
這是我第一次接觸UI設計,雖然我是中途加入課程,但是真的感覺很有趣。UI曾經讓我覺得很複雜與平面設計落差很大
但其實透過Figma以及海量的資料參考讓一切都不會覺得很陌生。其實某部分還能以Ai與Ps相互輔助。
在課堂的教學網與筆記,真的提供了好多很棒的參考資料與範本
讓我在製作時可以反覆研究該用多少的比例與大小邊間的距離等等!
很高興我選對了這門課程,並且完成了一份我覺得相當不錯的第一份UI設計!



Edited 8 time(s). Last edit at 09/12/2020 03:07PM by JinJin.
(編輯記錄)

MEPOERs said:
JinJin: 恭喜完成!期待後續可以持續創作,再看見其他的作品喔!
1.ReDesign主題:全民健保行動快易通
2.線上平台發表網址:點我連結
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:
點我連結
點我連結
4.Figma 期中作業整合情緒板等網址:點我連結
5.組員班級學號:視傳4B 1055445113 喬志琪
6.製作心得:雖然很花時間但製作過程意外的滿有趣的

MEPOERs said:
JinJin: 恭喜完成,精稿設計如有統一導覽列表會更好!
謝謝老師,我會繼續加油的!很高興有這次機會選到UI設計.

1.ReDesign主題:城品人

2.線上平台發表網址:https://www.behance.net/gallery/99047359/-UI-

3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:
https://www.figma.com/file/eqfnbxvbHMRZ4df8H6wsTK/Untitled?node-id=0%3A1

4.Figma 期中作業整合情緒板等網址:
https://www.figma.com/file/6udQCm16YGFcMpzkCKXVVW/%F0%9F%94%B2-Moodboard-Kit-(HW04)-(Copy)?node-id=51%3A437

5.組員班級學號:1055445034 陳佳琪 1055445169 李菀甄

6.製作心得:
1055445034心得:
第一次嘗試做ul得軟體,覺得有新鮮感,畢竟是之前沒有做過的介面,第一次使用還真的不太了解,一方面全都是英文,另一點單純只是不懂得操作,但隨著課程慢慢了解到,這還真是一門學問,也從中了解如何操作,也覺得蠻有趣的,也要謝謝老師的指導,讓我慢慢懂得如何操作。

1055445169心得:
這次的課程對我來說十分新鮮,第一次接觸到UI,從甚麼都不會,到一步步慢慢了解製作過程,還有軟體的操作方法,到最後我們終於成功的完成作品,十分感謝老師的指導><



Edited 2 time(s). Last edit at 06/17/2020 10:04PM by 豆丁.
(編輯記錄)

MEPOERs said:
JinJin: 恭喜完成!互動設計的上方及下方導覽列需固定,將更完美喔!
1.ReDesign主題:全民健保快易通

2.線上平台發表網址:點我連結

3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:
點我連結


4.Figma 期中作業整合情緒板等網址:
點我連結


5.組員班級學號:1065448122 陳惜恩

6.製作心得:製作過程中最難的不是畫面整合而是剛開始找到APP的缺陷和問題,要找到主要目標對症下藥的去改善UI面板需要花一段時間思考,整合後還會再經過幾次的修正才能越來越接近剛開始設立的目標,可能會和當初所構思的畫面有一大段的差距,UI也是需要邏輯分析和整合的一門設計。



Edited 3 time(s). Last edit at 06/15/2020 10:31AM by JinJin.
(編輯記錄)

MEPOERs said:
JinJin: 排版整合很有自己的想法,很不錯!若APP設計有統一導覽列,將更容易回到每個頁面!
1.ReDesign主題: 711app
2app網址: : 網址
3.Figma 期中作業整合情緒板等網址: 網址
4..線上平台發表網址: 網址
5.組員班級學號: 1055445059 陳依伶 1055445119 邱育珊 1055445182 唐佳榆
6.製作心得:在最後的學期,接觸新的東西,收穫很多。



Edited 7 time(s). Last edit at 06/24/2020 11:47PM by jolin82145.
(編輯記錄)

MEPOERs said:
JinJin: 線上發表平台網址是指向Figma,請在確認喔!
1.ReDesign主題:台鐵列車app
2.線上平台發表網址:
103: https://www.behance.net/gallery/97992659/app%28%29

148: https://www.behance.net/gallery/98448309/APP

190: https://www.behance.net/gallery/98409417/190-

總整理(簡報): https://www.behance.net/gallery/98823113/%28app%29?share=1

3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:

103:https://www.figma.com/file/36et1aeaYChutkPHChkHP4/%E5%8F%B0%E9%90%B5%E5%88%97%E8%BB%8Aapp?node-id=0%3A1
148:https://www.figma.com/file/l3FJ5iTBjg5kxtfrtVkldI/%E8%A9%A6%E7%94%A8-%E5%8F%B0%E9%90%B5app?node-id=0%3A1
190: https://www.figma.com/file/C63UHRCFAxdA6Ysgw5ZKLq/190%E6%9C%9F%E6%9C%AB?node-id=0%3A1

4.Figma 期中作業整合情緒板等網址:
https://www.figma.com/file/rtAJUUFW8JqLMIofJkZtUj/%F0%9F%94%B2-Moodboard-Kit-%E5%8F%B0%E9%90%B5%E5%88%97%E8%BB%8A%E5%8B%95%E6%85%8B-HW04?node-id=51%3A437

5.組員班級學號:視傳4A 1055445103林容渝 視傳4A1055445148陳毅珊 視傳4A1055445190鄭喻云
6.製作心得:
103: 第一次接觸使用者介面這個課程,在學的過程中學到很多東西,也認識很多新的知識和應用,對未來有很大的幫助。
148:要仔細觀察連動關係和主題性,加上從資料庫中分析顏色,讓app更完整。
190:一開始對於設計app介面非常懵懂,開始上課後發現,其實並沒有我想像中的那麼難,而且在製作中發現其實Figma蠻有趣的,蠻希望這堂課是上一整學年的,感覺可以學到更多東西。



Edited 2 time(s). Last edit at 06/22/2020 12:15AM by LRU.
(編輯記錄)

MEPOERs said:
JinJin: 能分別有作品很棒!但若能分別將前置作業和後續精稿和互動設計分別一起呈現,會更完整喔!加油!
1.ReDesign主題:麥當勞報報
2.線上平台發表網址:點我連結
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:點我連結
4.Figma 期中作業整合情緒板等網址:點我連結
5.組員班級學號:視傳4B 1055445131 劉思怡
6.製作心得:我覺得是一個滿有趣的軟體,是比ai好用,但是都是英文看了滿痛苦,一個一個單字去查還會搞錯意思,設定那些其實滿困難的,但研究半天還是做出來了。



Edited 5 time(s). Last edit at 06/18/2020 10:32AM by uusiyi1211.
(編輯記錄)

MEPOERs said:
JinJin: 能獨立重新製作很棒!但可以將精稿圖呈現會更完整,互動設計如有導覽列會更容易回到想去的地方!
1.ReDesign主題:GD佳德騎士

2.線上平台發表網址:
https://www.behance.net/gallery/99330039/_

3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:

https://www.figma.com/proto/ClWfnPk4zrTURq38FxDNLr/GD%E5%98%89%E5%BE%B7-%E6%AD%A3%E5%BC%8F?node-id=1%3A2&scaling=scale-down

4.Figma 期中作業整合情緒板等網址:

https://www.figma.com/file/xaG24zoPzMpZxS11ihXiVC/%EF%BC%B2%EF%BD%85%EF%BC%A4%EF%BD%85%EF%BD%93%EF%BD%89%EF%BD%87%EF%BD%8E?node-id=56%3A66

5.組員班級學號:1065445055 李毅庭、1055440028 李忠益

6.製作心得:
055:學到了一項新的技能,雖然只學了一點皮毛,但或許將來有機會用上。

028:這次的UI課程,透過實作更改APP,對於介面設計上帶來許多的幫助,修改APP精簡化的過程,能加入自己的設計理念,讓APP使用者可以更加容易上手,這次的企劃內容,也能讓之後要走相關工作的學生有初步的了解業界基本流程。



Edited 2 time(s). Last edit at 06/22/2020 09:24PM by 1055445055.
(編輯記錄)

MEPOERs said:
JinJin: 尚未看到線上平台發表以及互動設計的部分,請再確認!
1.ReDesign主題:客運通
2.線上平台發表網址:https://www.behance.net/gallery/98851887/_
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:https://www.figma.com/proto/UcHWmZtoKlwZvT0x8qSHHt/InstantAlert-app-proto-v2-(Community)?node-id=10%3A761&scaling=scale-down
4.Figma 期中作業整合情緒板等網址:https://www.figma.com/proto/8YGn7nwhxGbyfLalWkIKPE/ReDesign-Project-(Copy)?node-id=4%3A8&scaling=min-zoom
5.組員班級學號:視傳4B 201劉芸君、210徐薇茹
6.製作心得:雖然這個作業要花滿多時間製作的,但是做完很有成就感,使用者介面這堂課受益良多,感謝老師用心~



Edited 1 time(s). Last edit at 06/14/2020 01:49PM by 1055445201.
(編輯記錄)

MEPOERs said:
JinJin: 恭喜完成!如能在線上平台放上精稿圖,將更完整,如有導覽列設計也更容易返回其他頁面。
1.ReDesign主題: Foodpanda

2.線上平台發表網址: :https://www.behance.net/gallery/99400965/foodpanda

3.Figma 期中作業整合情緒板等網址: https://www.figma.com/proto/YTdKG5Jli1iT7xuFv5eWTM/foodpanda?node-id=2%3A92&scaling=min-zoom

4.組員班級學號:影視3A 1065440007 范姜宛婷
影視3B 1065440048 蘇郁絜
影視3B 1065440034 吳偲妤

5.製作心得:


Figma原檔:https://www.figma.com/file/hX56bwnWyH61ACdF9A5dB1/Untitled



Edited 1 time(s). Last edit at 06/23/2020 10:47PM by 1065440048.
(編輯記錄)

MEPOERs said:
JinJin: 1.請附上figma原檔才容易看到問題如何解決,2.未看到線上發表喔!
1.ReDesign主題:CAR2TW
2.線上平台發表網址:點我連結
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:點我連結
4.Figma 期中作業整合情緒板等網址:點我連結
5.組員班級學號:視傳2B 1075445002 李仕評
6.製作心得:原本要做完整的網站,因為時間太短,無法作完整的網頁,做一個貿易商汽機車導入的網站,做貿易商從來沒有引進過的車款,可以導入不同的車款給消費者購買,找人分組做事,後來因為組員個人因素,沒有辦法製作很多的網頁,加上老師沒有協助,製作方面會很困難。



Edited 6 time(s). Last edit at 06/18/2020 01:46PM by 1075445002-1.
(編輯記錄)

MEPOERs said:
JinJin: 精稿部分請傳原始檔才能看到你的問題喔!有進步了!可在與老師約討論喔!
1.ReDesign主題: MUJI passport

2.線上平台發表網址:
https://www.behance.net/gallery/99109191/MUJI-passport-UI-design-homework

3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:
https://www.figma.com/proto/dFDk1eOdxg5pjlmcojMOgQ/1055445191?node-id=690%3A1473&viewport=-440%2C1645%2C0.5&scaling=scale-down


4.Figma 期中作業整合情緒板等網址:
https://www.figma.com/proto/dFDk1eOdxg5pjlmcojMOgQ/1055445191?node-id=4%3A8&viewport=-930%2C515%2C0.5&scaling=min-zoom


5.原始檔:
https://www.figma.com/file/dFDk1eOdxg5pjlmcojMOgQ/1055445191?node-id=0%3A1


6.組員班級學號:
視傳4B 1055445191 洪郁捷



Edited 2 time(s). Last edit at 06/18/2020 07:30PM by 1055445191.
(編輯記錄)

MEPOERs said:
JinJin: 1.線上排版很有自己的風格,不錯喔!2.雖有設計導覽列,但很多頁面沒有,會不容易回去其他頁面,這個部分,以後可再加強!加油
● ReDesign 主題 ⤵︎
星巴克 STARBUCKS TW

● 線上平台發表
(1055445017) ⤵︎
https://www.behance.net/gallery/98869597/STARBUCKS-UI-Redesign-homework
---------------------------------------------------------------------------------------------------------------------
(1055445056) ⤵︎
https://www.behance.net/gallery/98759705/ReDesign-Project-STARBUCKS-TW-1055445056

● Figma Mockup|Design System|設計系統 及 Prototype|互動原型設計網址
(1055445017) ⤵︎
https://www.figma.com/proto/4zB22HkRIw2fVwSOQXGgQu/%E4%BD%9C%E6%A5%ADMockup-Design-System?node-id=8%3A2&scaling=scale-down
-
https://www.figma.com/file/4zB22HkRIw2fVwSOQXGgQu/%E4%BD%9C%E6%A5%ADMockup-Design-System?node-id=1%3A2
---------------------------------------------------------------------------------------------------------------------
(1055445056) ⤵︎
https://www.figma.com/proto/N7pTqBIDlE5QS4jijyFu5J/STARBUCKS-TW---1055445056?node-id=2%3A3&scaling=scale-down

● Figma 期中作業整合情緒板等網址 ⤵︎
https://www.figma.com/proto/WEJsZWnn8WClkX9i37kggo/STARBUCKS-TW-017-056?node-id=3%3A28&scaling=min-zoom

● 成員 ⤵︎
視傳4B - 1055445017 石青諺 / 1055445056 鄭弘奇

● 製作心得 ⤵︎
(1055445017) 我快暴斃了 / (1055445056) 很充實但其實並不難 謝謝老師的指導

MEPOERs said:
JinJin: 1.請再提供其他Figma檔案的原檔喔!2.青諺:很棒很完整的設計!3.弘奇:排版也很有想法,內容可在完整些會更好喔!
1.ReDesign主題:好樂迪KTV
2.線上平台發表網址:https://www.behance.net/gallery/98896265/_
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:
https://www.figma.com/proto/mdOmYu1qOtiMRibJV12GaH/Untitled?node-id=1%3A2&scaling=scale-down

4.Figma 期中作業整合情緒板等網址: https://www.figma.com/proto/PhUa2qbmmuAXouxTwNVdYV/ReDesign-Project-(Copy)-(Copy)-(Copy)-(Copy)?node-id=0%3A1&scaling=min-zoom
5.figma介面設計原始檔:https://www.figma.com/file/mdOmYu1qOtiMRibJV12GaH/Untitled

5.組員班級學號: 1055445041 陳筱容1055445047覺偉慈
6.製作心得:剛開始一直怕修了這門課會很難應付不了之類的,但認真聽完老師認真的講解以及老師的講義發現並沒有想像中困難,算是在畢業前又多學了一樣有幫助的東西:)



Edited 2 time(s). Last edit at 06/15/2020 11:12AM by 偉慈.
(編輯記錄)

MEPOERs said:
JinJin: 1.請提供Figma原檔喔!2.發表能附上互動設計更好喔!3.精稿需屏除假字會更有真實感!
1.ReDesign主題:漫客棧APP

2.線上平台發表網址:
1075445050 吳金葉: 點我看
1075445072 朱廷翌:點我看

3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:

1075445050 吳金葉 :
檔案網址 : 點我看
播放網址 : 點我看

1075445072 朱廷翌:
檔案網址 : 點我看
播放網址 : 點我看

4.Figma 期中作業整合情緒板等網址:點我看

5.組員班級學號:1075445050 吳金葉 1075445072 朱廷翌

6.製作心得:
1075445050 吳金葉 :終於知道figma怎麼操作了,會用之後真的覺得很方便!



Edited 2 time(s). Last edit at 06/20/2020 12:47AM by 1075445050.
(編輯記錄)

MEPOERs said:
JinJin: 1.金葉:若能將精稿圖排版於線上平台會更完整喔!2.廷羿:線上發表部分份量還待加強喔!
1.ReDesign主題:etude house

2.線上平台發表網址:
點我連結



3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:

視傳2B1075445018-蕭柔吟、視傳2B1075445070-張芋萱 :
檔案:點我連結


播放:點我連結



視傳2B1075445024-徐景庭、視傳2B1075445066-高韻涵 :
檔案:點我連結


播放:點我連結



4.Figma 期中作業整合情緒板等網址:
點我連結



5.組員班級學號:視傳2B1075445018-蕭柔吟、視傳2B1075445070-張芋萱、視傳2B1075445024-徐景庭、視傳2B1075445066-高韻涵

6.製作心得:很累、但是做完有很大成就感、外加越做越上癮的感



Edited 2 time(s). Last edit at 06/19/2020 07:11PM by 1075445066.
(編輯記錄)

MEPOERs said:
JinJin: 很不錯喔!若能將精稿圖也排版於線上發表,做一整合,會更完整喔!
1.ReDesign主題:中國科大行動資訊網
2.線上平台發表網址:
發表文章

3.Figma Mockup|精稿設計、Design System|設計系統:
原始檔
播放檔

Prototype|互動原型設計網址:
原始檔
播放檔

4.Figma 期中作業整合情緒板等網址:
期中報告:
原始檔
播放檔

WireFrame:
原始檔
播放檔

情緒版:
原始檔
播放檔
5.組員班級學號:1055440093 張雅惠
6.製作心得:設計出來的版面不只有自己覺得舒適,更重要的是使用者的感受,透過這堂課,收穫到如何操作這些流程。



Edited 3 time(s). Last edit at 06/22/2020 03:44PM by 1055440093.
(編輯記錄)

MEPOERs said:
JinJin: 線上發表能放上精稿圖檔會更完整喔!
1.ReDesign主題:康是美
2.線上平台發表網址: 網址

3.報告包含設計系統、情緒版等|網址:網址

4.報告原始檔|網址:網址

5.互動原型設計:網址

6.互動播放設計:網址

7.組員班級學號:視傳2B 1075445012 謝雅芸 1075445068 邱淯孺 1075445052 李玉如

8.製作心得:剛開始的時候有點不太會用,但在同學細心指導,我們還是順利完成了。



Edited 2 time(s). Last edit at 06/22/2020 11:51PM by 1075445012.
(編輯記錄)

MEPOERs said:
JinJin: 互動設計需要能返回其他畫面,請再補充Figma原始檔案喔!
1.ReDesign主題:foodpanda
2.線上平台發表網址: 網址

3.報告包含設計系統、情緒版等|網址: 網址

4.報告原始檔|網址: 網址

5.互動原型設計:
網址

6.互動播放設計:
網址

7.組員班級學號:視傳2B 1075445006蔡佩佳、1075445012比嘉伊津希、1075445091王宣晴

8.製作心得:
1075445012:覺得很難,不過做到最後完成了,覺得很有成就感。
1075445086:一開始覺得很難做,但其實不會到很難,我們都做出來很開心。遇到困難,跟同學一起試了很多次,後來我們解決問題了。
1075445091:這是我第一次接觸,覺得很難,不過經過這一學期,覺得還蠻有趣的。



Edited 5 time(s). Last edit at 06/22/2020 01:21AM by 1075445091.
(編輯記錄)

MEPOERs said:
JinJin: 是否沒有WireFrame?請再補齊喔!
1.ReDesign主題:統一發票兌獎

2.線上平台發表網址:點我連結

3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址::撥放檔點我連結原檔點我連結

4.Figma 期中作業整合情緒板等網址:撥放檔點我連結原檔點我連結

5.組員班級學號:視傳4A1055445004 王咨涵 1055445085 林安情 1055445178 陳宜宜

6.製作心得:
004 以前幾乎沒有做過UI相關的設計,本來是還滿怕因為太難而做不好,還好有老師介紹的軟體Figma,讓設計UI也不是那麼困難,也有老師精心製作的講義,只要做到不太確定的地方基本上都可以找到答案,上課時也講解得很好懂。
也許未來不一定會走這條路,但學到新的技能也是讓我很開心。

085 透過這學期老師介紹UI設計軟體Figma,還有相關設計案例,讓我從完全不會到現在能上手製作UI,而如果課堂不懂還有老師給的網站講義能邊看邊學使我更在學習中能夠更精進,謝謝老師!

178其實一開始在學UI潛艇擔心自己會學不來,想說要做APP感覺挺複雜的,但上完第一堂課其實是自己想太多惹。現在的技術讓很多人都投入APP相關行業我想是這Figma這個軟體技術上不複雜只要熟知有心就可以了,在過程中學習一套新的軟體感覺挺新鮮的雖然感覺像AI但在介面還是一些操作還是很不一樣,重點是他是英文哀...令人難過。我還是很感謝老師一步一步的指導,自己摸索真的很有限,每次老師有新的進度就好像來到新世界這軟體深不可測阿。雖然只碰觸這軟體還不深但還是希望學校能重視這堂課在未來我想是不可或缺的,也感謝老師這學期的指教,我畢業辣~



Edited 9 time(s). Last edit at 06/21/2020 02:24PM by 綰瑛.
(編輯記錄)

MEPOERs said:
JinJin: 很棒喔!線上發表能再把互動頁面盎進去就更完整了,另外請補上原檔的連結喔!
1.ReDesign主題:Yahoo

2.線上平台發表網址:

https://www.behance.net/gallery/99096435/1045448116

3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:

https://www.figma.com/proto/JfTDpe5JveTGGIpOidet57/UI?node-id=1%3A76&scaling=scale-down

4.Figma 期中作業整合情緒板等網址:

https://www.figma.com/file/4RCVBVwcw1ap53lSEfQ8dJ/%E6%83%85%E7%B7%92%E6%9D%BF%E6%95%B4%E5%90%88?node-id=0%3A1

5.組員班級學號:

1045448116詹雅容

6.製作心得:
謝謝老師這學期用心的教導,我覺得自己對UI設計更加了解了!

MEPOERs said:
JinJin: 規劃需再更細緻完整,後續精稿及互動設計沒有看到。
1.ReDesign主題:中國科技大學行動圖書館

2.線上平台發表網址:發表連結

3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:點我連結 影片檔

4.Figma 期中作業整合情緒板等網址:點我連結

5.組員班級學號:資管四A 1055461035 彭煒淳 視傳4A 1055445001 溫媛婷

6.製作心得:
因為熟悉網頁設計 又因此得知另一個設計的世界 APP不像網頁可以做一堆動態效果 因為那在網頁上是好看 可是在APP上就多餘了
其實嘗試更改設計 要大膽去動原本的版型 覺得需要勇氣 就怕改得比原本的設計麻煩
風格一直敲不定 後來的顏色跟原本的比起來是走成熟路線 靛藍 淺咖 淡紫
配一配發現還算和諧(汗
因為不擅長分析的部分 但如果可以的話 希望可以帶給使用者自在的感覺 照這樣做了 雖然還是深色居多
整體對我來說是挑戰 如果有挑到感覺可以做的網頁 肯定會挑網頁
但因為也希望學到東西 選擇了APP



Edited 6 time(s). Last edit at 06/20/2020 10:36PM by 1055461035.
(編輯記錄)

MEPOERs said:
JinJin: 恭喜完成了!也學到新的東西,持續創作未來一定會更好!
1.ReDesign主題:台北到垃圾
2.線上平台發表網址:https://www.behance.net/gallery/99100195/App
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:https://www.figma.com/file/ad6vSMiopMQl55m9VWTvj0/Untitled?node-id=0%3A1

4.Figma 期中作業整合情緒板等網址:https://www.figma.com/file/fEh0WgpYHsJSiaWTdksiV3/%F0%9F%94%B2-Moodboard-Kit-(HW04)-(Copy)
5.組員班級學號:1055445111張懿萱
6.製作心得:以第一次製作來說,我認為我自己做的不是特別完美,有許多大小的細節需要修改,但是至少完成了一次UIUX的作業,走了流程,覺得收穫很多,未來我希望能做更多更好的作品出來。

MEPOERs said:
JinJin: 很棒喔!能在線上發表把互動設計放進來就更完整了!
1.主題: 電影時刻movie time App

2.線上平台發表網址: 
https://www.behance.net/gallery/99104775/Movie-time-app

3.報告包含設計系統情緒版等
:https://www.figma.com/proto/iaLPfTcm6nGzDhf9pqVDif/ReDesign-Project-Copy-Copy?node-id=4%3A8&scaling=min-zoom

4.報告原始檔
網址:https://www.figma.com/file/iaLPfTcm6nGzDhf9pqVDif/ReDesign-Project-Copy-Copy?node-id=0%3A1

5.互動原型設計:
https://www.figma.com/file/xAJtlVfs4ZD8o4bRKa7cl0/%E9%9B%BB%E5%BD%B1%E6%99%82%E5%88%BB%E8%A1%A8?node-id=0%3A1

6.互動播放設計
:https://www.figma.com/proto/xAJtlVfs4ZD8o4bRKa7cl0/%E9%9B%BB%E5%BD%B1%E6%99%82%E5%88%BB%E8%A1%A8?node-id=28%3A0&scaling=scale-down

7.成員(班級、學號):視傳系4c 1055445135 李依軒

8.製作心得:
這是我第一次接觸使用者介面設計,原以為會像網頁設計一樣估噪乏味,沒想到開始上後實際的操作完全不一樣,figma這個程式非常好玩,也很容易懂!
讓我對這方面產生很大的興趣,製作的過程覺得更了解了給使用者使用時要注意很多間距、大小、字體、畫面,都必須微調過讓整個畫面看起來舒適,雖然花了很多時間製作,但很有成就感也樂在其中!
也很開心在大四快畢業的時候修到門課程對我影響很大也很喜歡。

MEPOERs said:
JinJin: 很棒喔!很開心你能有所收穫,線上發表可以補充互動部分會更完整更好喔!
1.ReDesign主題:下一站,嘉義!
2.線上平台發表網址:點我連結
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:
1075445080:點我連結
原檔案:點我連結
1075445076:點我連結
原檔案:點我連結
4.Figma 期中作業整合情緒板等網址:
點我連結
情緒版:點我連結
5.組員班級學號:視傳二B1075445080陳俊宏、視傳二B1075445076莊傑宇1075445048劉維軒1075445056王毅均
6.製作心得:英文介面不太容易看,連結有些做不出我想要的那樣。



Edited 4 time(s). Last edit at 06/22/2020 04:43PM by 1075445080.
(編輯記錄)

MEPOERs said:
JinJin: 整體排版還不錯喔!可以把精稿也一起放上去,精稿設計可以更細緻一些,互動連結還是需要可以隨時返回的一些設計,加油,會更好!
ReDesign主題:晨間廚房訂餐app
線上平台發表網址:網址
組員班級學號:視傳2A1075445045温又慧
製作心得:第一次接觸UI設計,但吸收有限,做得不太好,因為用figma覺得不是很好用,就獨自摸索adobe XD,感覺比figma好上手??但因為是英文版操作上還得繼續努力下去!!介面設計或許可以再繼續鑽研,未來也有可能走這領域~

MEPOERs said:
JinJin: 能學到不同的軟體也很棒喔!不一定要有哪一個軟體,能做出來就OK!前面還不錯,但是沒有看到後續精稿和互動的檔案?請再補充喔!
1.ReDesign主題:台北等公车
2.線上平台發表網址:https://www.behance.net/gallery/99122079/_?
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:https://www.figma.com/proto/eT5A9cF0TnZFSL6nXQxjsM/%E5%8F%B0%E5%8C%97%E7%AD%89%E5%85%AC%E8%BB%8A%E6%83%85%E7%B7%92%E7%89%88?node-id=252%3A38&scaling=min-zoom
4.Figma 期中作業整合情緒板等網址:https://www.figma.com/file/eT5A9cF0TnZFSL6nXQxjsM/%E5%8F%B0%E5%8C%97%E7%AD%89%E5%85%AC%E8%BB%8A%E6%83%85%E7%B7%92%E7%89%88?node-id=51%3A437
5.組員班級學號:1055445083郭芯瑜
6.製作心得:在製作的過程中找到了很多很好用的網站

MEPOERs said:
JinJin: 1.前面還不錯2.情緒版沒結論?3.沒有看到mockup和prototype的檔案?請再補充,謝謝!
1.ReDesign主題:muji passport

2.線上平台發表網址:https://www.behance.net/gallery/99164387/mujipassport

3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:
https://www.figma.com/proto/9mBmaebcIIiLIfbXMFwUWE/0604?scaling=scale-down&node-id=10%3A4

 原檔:https://www.figma.com/file/9mBmaebcIIiLIfbXMFwUWE/0604?node-id=0%3A1


4.Figma 期中作業整合情緒板等網址:
https://www.figma.com/file/YtrvtSGxlzYxmIHJDnU8Ud/%E6%83%85%E7%B7%92%E7%89%88?node-id=0%3A1

5.組員班級學號:視傳4A 1055445100鄭名妤、1055445067賴宗毅

6.製作心得:之前上過老師的網頁設計課就覺得教得非常詳細,這次學了新的使用者介面覺得很新奇,
雖然很多都是英文但熟悉之後非常好用!做的不是很完美但成就感滿滿~謝謝老師用心的指導!



Edited 2 time(s). Last edit at 06/23/2020 04:59PM by 10554451000.
(編輯記錄)

MEPOERs said:
JinJin: 很開心你們能完成也有收穫,但DesignSystem應該是Mockup精稿,DesignSystem設計系統是標準色標準字等常用規範。
1.ReDesign主題:iBon app
2.線上平台發表網址:
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:
https://www.figma.com/file/q8ykNY48qHyflsA56rhGR2/1055445140-1055445117-%E6%9C%9F%E6%9C%AB
https://www.figma.com/proto/q8ykNY48qHyflsA56rhGR2/1055445140-1055445117-%E6%9C%9F%E6%9C%AB?scaling=min-zoom&node-id=7%3A6
4.Figma 期中作業整合情緒板等網址:
https://www.figma.com/proto/DkxMdyHW1UPnZTa34Q5qcM/ReDesign-Project-7-11-IBON-APP?scaling=min-zoom&node-id=4%3A8
5.組員班級學號:
視傳4B 1055445140 賴品智
視傳4C 1055445117 高逢泉
6.製作心得:
太神奇啦!
(???)

MEPOERs said:
JinJin: 目前設計過於簡單,還需完成線上發表
1.ReDesign主題: 金石堂
2.線上平台發表網址:
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:

https://www.figma.com/file/K6lpwAM1Cw8jUJ0QI6SLJY/%E6%9C%9F%E6%9C%AB%E4%BD%9C%E6%A5%AD-%E9%87%91%E7%9F%B3%E5%A0%82-1055445185

https://www.figma.com/proto/K6lpwAM1Cw8jUJ0QI6SLJY/%E6%9C%9F%E6%9C%AB%E4%BD%9C%E6%A5%AD-%E9%87%91%E7%9F%B3%E5%A0%82-1055445185?scaling=scale-down&node-id=3%3A4

4.Figma 期中作業整合情緒板等網址:

https://www.figma.com/file/bQRr0nmtttYlEiKkRredSJ/%E4%BD%9C%E6%A5%AD%E5%9B%9B-1055445185?node-id=0%3A1

5.組員班級學號: 視傳4B 1055445185 曾瀞萱
6.製作心得: 還不錯。

MEPOERs said:
JinJin: 還需補上線上發表網址喔!
1.ReDesign主題:HOLA特力和樂

2.線上平台發表網址:https://www.behance.net/gallery/99188581/redesign-HOLA-app

3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:
原型設計| https://www.figma.com/file/uMHrwH7m9A1aeH6RQP3z7Z/FIN-FINAL?node-id=0%3A1
互動設計| https://www.figma.com/proto/uMHrwH7m9A1aeH6RQP3z7Z/FIN-FINAL?node-id=1%3A119&scaling=scale-down

4.Figma 期中作業整合情緒板等網址:
https://www.figma.com/file/GEHAv6bWyUgQmPqX6gWQpx/%E7%B5%B1%E6%95%B4?node-id=0%3A1

5.組員班級學號:1075445075 林熙恩

6.製作心得:雖然操作起來比起DW網頁語法來說簡單許多,但這次的作業考驗我的卻是如何排版、如何排的舒適好看,在做的時候真的會因為雜亂的線搞到很崩潰,但在每一次完成一個作業後的成就感真的是無限的大,我認為我未來一定還會繼續使用FIGMA做個種東西,不論是作品集、或是Redesign...等等,因為真的很有趣。



Edited 1 time(s). Last edit at 06/20/2020 01:18AM by 1075445075 林熙恩.
(編輯記錄)

MEPOERs said:
JinJin: 很開心你有收穫,線上發表的檔案,有些文字可以稍大些,有些行間,不一定是簡報的規格,後面可以放些精稿的圖片會更完整。
1.ReDesign主題:宜得利

2.線上平台發表網址:https://www.behance.net/gallery/99193935/app-ReDesign

3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:
瀏覽:https://www.figma.com/file/QmXHcFfLLKcsabATBxNsHb/Untitled?node-id=0%3A1
播放:https://www.figma.com/proto/QmXHcFfLLKcsabATBxNsHb/Untitled?node-id=1%3A234&scaling=scale-down

4.Figma 期中作業整合情緒板等網址:https://www.figma.com/proto/fm7UMlcV3hWQYimGW3Ntg8/ReDesign-Project-(Copy)?node-id=4%3A8&scaling=min-zoom

5.組員班級學號:1075445044 視2B 洪翊涵,1065433055 行3A 游雯
6.製作心得:很好用 讚



Edited 2 time(s). Last edit at 06/20/2020 03:10AM by 1075445044.
(編輯記錄)

MEPOERs said:
JinJin: 1.線上發表可放上prototype互動連結。2.精稿應該是模擬真實狀態,不要有假字。
1.ReDesign主題:Soundcorset 調音器、節拍器
2.線上平台發表網址:點我連結
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:
點我連結
點我連結
4.Figma 期中作業整合情緒板等網址:
點我連結
5.組員班級學號:視傳2A 1075445037 郭芷芸
6.製作心得:我真的覺得我不是這塊料 做到快哭了 希望能及格



Edited 2 time(s). Last edit at 06/20/2020 11:19AM by 郭芷芸.
(編輯記錄)

MEPOERs said:
JinJin: 線上發表可以把圖片一一放上,目前用播放方式有些會看不清楚。
1.ReDesign主題:屈臣氏
2.線上平台發表網址:https://www.behance.net/gallery/98873075/_
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:https://www.figma.com/proto/dyy9E99zouBFQFdRDY4YrN/%E5%B1%88%E8%87%A3%E6%B0%8F-%E6%83%85%E7%B7%92%E6%9D%BF?node-id=3%3A28&scaling=min-zoom
https://www.figma.com/file/AAg7pzp6nNk21MBIuFnrqb/%E5%B1%88%E8%87%A3%E6%B0%8Fphone?node-id=0%3A1
4.Figma 期中作業整合情緒板等網址:https://www.figma.com/proto/AAg7pzp6nNk21MBIuFnrqb/%E5%B1%88%E8%87%A3%E6%B0%8Fphone?node-id=44%3A0&scaling=scale-down
5.組員班級學號:1075445096吳芝瑩 1075448026黃翊宇
6.製作心得:有好多頁面跟細節很想做出來,但就是時間有限



Edited 1 time(s). Last edit at 06/21/2020 11:28PM by 1075445096.
(編輯記錄)

MEPOERs said:
JinJin: 1.沒有看到WireFrame?2.如能將精稿圖置於線上發表將更完整!
1.ReDesign主題:宅宅新聞
2.線上平台發表網址:https://www.figma.com/file/GieWMChOzTVqCkOxC19BGt/Untitled?node-id=0%3A1

3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:https://www.figma.com/file/VmHOWM3K5PA8mPCyknvi6T/Untitled

4.Figma 期中作業整合情緒板等網址:https://www.figma.com/file/VmHOWM3K5PA8mPCyknvi6T/Untitled

5.組員班級學號:1055445016張渝翔 1055445177張怡婷 1055445112徐坤煌

6.製作心得:感謝老師

MEPOERs said:
JinJin: 目前設計頁面偏少,請在盡量完整!未看到發表頁面喔!
1.ReDesign主題:PK雙饗卡
2.線上平台發表網址:點我連結
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:點我連結
點我連結
4.Figma 期中作業整合情緒板等網址:點我連結
5.組員班級學號:1075445036朱儀瑄
6.製作心得:因為重作花的時間更多,一直做自己不喜歡的APP,APP不熟很難完全了解APP的流程。在做的過程才能知道遺漏什麼,越做就會出現越多要設計的UI,常常這樣想崩潰。



Edited 4 time(s). Last edit at 06/22/2020 01:12AM by 1075445036朱儀瑄.
(編輯記錄)

MEPOERs said:
JinJin: 可以整理Mockup介面到線上發表頁面,看起來會更完整喔!
1.ReDesign主題:Costco
2.線上平台發表網址:https://www.behance.net/gallery/99324253/Costco

3.Figma 精稿:https://www.figma.com/file/2hjAcfXec5dlyNqLJLBzP6/Ecommerce-app-virtual-session-Community?node-id=0%3A1

3.Figma 互動版:https://www.figma.com/proto/2hjAcfXec5dlyNqLJLBzP6/Ecommerce-app-virtual-session-Community?node-id=11%3A2404&scaling=scale-down

4.Figma 期中作業整合情緒板等網址:https://www.figma.com/file/oiOBDR3zRjUgADI8oWjv0O/🔲-Moodboard-Kit-(HW04)-(Copy)?node-id=51%3A437

5.組員班級學號:1055445014史承平 071陳品榮 092許庭瑄 146雷凱翔 068張峻瑋

6.製作心得:感謝老師這三年半來的照顧從進階網頁到UI設計每個課程都非常有意義都讓我們學到了非常多的知識,雖然過程中會有想放棄的念頭,但我們還是挺過來了!!



Edited 1 time(s). Last edit at 06/22/2020 08:55PM by 1055445068.
(編輯記錄)

MEPOERs said:
JinJin: 若可以將互動設計於線上平台呈現將更完整!
1.ReDesign主題:IKEA

2.線上平台發表網址:behance
https://www.behance.net/gallery/99348455/UI-design

3.Figma 精稿:
https://www.figma.com/file/qnr9mcpRDP4DVaTYqotGqg/Untitled

3.Figma 互動版:
https://www.figma.com/proto/qnr9mcpRDP4DVaTYqotGqg/Untitled?node-id=1%3A20&scaling=min-zoom

4.Figma 期中作業整合情緒板等網址:址:https://www.figma.com/proto/wCt89ShjG8TsKAYreE7zyb/IKEA%E7%AC%AC%E4%B8%89%E9%80%B1%E4%BD%9C%E6%A5%AD?node-id=1%3A7&scaling=scale-down%3Cbr%20/%3E/

5.組員班級學號: 1055445010鄭亞珉 1055445132洪詩堯

6.製作心得:謝謝曉今老師的用心指導,讓我們知道使用者設計介面的製作方式,過程中真的需要很多的耐心去設計及規劃,雖然我們做的不是很好,還有很多地方是可再深入製作,但讓我們學得UI的基本概念對我們而言是一大收穫,感謝老師讓我們學得這項技能,老師辛苦了!

MEPOERs said:
JinJin: 恭喜完成,如線上發表放上互動設計會更完整喔!
JinJin: 另外沒有看到情緒版喔!
1.ReDesign主題:嗶哩嗶哩-彈幕番劇直播高清視頻
2.線上平台發表網址:https://reurl.cc/rxj2lk
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:https://reurl.cc/5lyQln
及原版 https://reurl.cc/E7MyZ0
4.Figma 期中作業整合情緒板等網址:https://reurl.cc/20kemO
.組員班級學號:竹視傳2B 1075445058 曾五美
6.製作心得:再使用Figma上非常簡單易懂,雖然有語言的差異,但基本上大可了解運用,經過慢長得好幾天使用過後,真的是個不錯的網站基本該有的功能都有,但有更進階的功能可能還有再探索看看或尋求更專業的軟件,在本篇製作的主題也是我熱愛的項目,雖然因時間有限還未製作完成,但也不並擔心我會接下去把它用到極致的,也對之後面試中作品的一環,當中有許多的小標示與排版製作的過逞中還蠻喜歡的又有新的素材了呢!也練習到了許多也做了各是各樣的排版還真好玩呢! 然而時終到了停帶的橋段,也再次告一段落了~ 也感謝老師這幾學期來的教導讓我學會更多軟體方面的運用,在將來的作品上能有更多選擇,不再畏懼! 謝謝老師~ 也謝謝各位同學的作品讓大家能互相學習與尋找靈感來源之一謝謝!
(缺少APP差異對照圖分析、版面一致化、APP模擬不完全、圖檔過大導致反應不出來、成現風格不定 等等....)

1.ReDesign主題:1968 高速公路

2.線上平台發表網址:
https://www.figma.com/proto/NrbEjlbchFY8guXQPM4Iue/Untitled?node-id=9%3A383&scaling=scale-down


3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:
https://www.figma.com/proto/NrbEjlbchFY8guXQPM4Iue/Untitled?node-id=9%3A383&scaling=scale-down

4.Figma 期中作業整合情緒板等網址:
https://www.figma.com/proto/NrbEjlbchFY8guXQPM4Iue/Untitled?node-id=9%3A383&scaling=scale-down


5.組員班級學號:1065445176 謝家鴻

6.製作心得:老師拜託讓我超過60分,課程豐富不像其他老師那麼混,優質,老師辛苦了。



Edited 1 time(s). Last edit at 06/25/2020 03:57PM by 1055445176.
(編輯記錄)

1.ReDesign主題:Yahoo

2.線上平台發表網址:

https://www.behance.net/gallery/99096435/1045448116

3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:

https://www.figma.com/proto/JfTDpe5JveTGGIpOidet57/UI?node-id=1%3A76&scaling=scale-down

4.Figma 期中作業整合情緒板等網址:

https://www.figma.com/file/4RCVBVwcw1ap53lSEfQ8dJ/%E6%83%85%E7%B7%92%E6%9D%BF%E6%95%B4%E5%90%88?node-id=0%3A1

5.組員班級學號:

1045448116詹雅容

6.製作心得:
謝謝老師這學期用心的教導,我覺得自己對UI設計更加了解了!

1.ReDesign主題:foodpanda
2.線上平台發表網址:網址
3.Figma Mockup|精稿設計及Design System|設計系統、Prototype|互動原型設計網址:
網址
4.Figma 期中作業整合情緒板等網址:
網址
5.組員班級學號:視傳2B 1075445006蔡佩佳、1075445012比嘉伊津希、1075445091王宣晴
6.製作心得:
1075445012:覺得很難,不過做到最後完成了,覺得很有成就感。
1075445086:一開始覺得很難做,但其實不會到很難,我們都做出來很開心。遇到困難,跟同學一起試了很多次,後來我們解決問題了。
1075445091:這是我第一次接觸,覺得很難,不過經過這一學期,覺得還蠻有趣的。



Edited 3 time(s). Last edit at 06/15/2020 02:53AM by 1075445091.
(編輯記錄)