![見出し画像](https://assets.st-note.com/production/uploads/images/108296442/rectangle_large_type_2_5200a2a904bafdfa8fb734717026d27a.png?width=1200)
パチトレ アプリ模写(Day20)
UX・UIの引き出しを増やすために、「アプリ模写100本ノック」を始めることにしました💪
![](https://assets.st-note.com/production/uploads/images/108232045/picture_pc_4b7088e7ea58a2c42d8049452c48e956.png?width=1200)
30分で、アプリの骨格を模写して気づきをまとめることで、「対象を観察する・事象から法則性を見つけ出す・即興で形にする」スキルを高めるためのワークです。
1.模写するアプリを選ぶ
韓国旅行🇰🇷が決まったので、ハングルを勉強するにあたり、無料の学習アプリ「パチトレ」を模写することにしました。
2.アプリを触りながら気になったことをメモし、模写する3つの画面を決める
以下、気になった画面とコメントです。
![](https://assets.st-note.com/production/uploads/images/108290930/picture_pc_517231a7a0fb2554e504eed89d1feab2.png?width=1200)
![](https://assets.st-note.com/production/uploads/images/108290928/picture_pc_a5a806ff16661685ecd8272e3bea39c7.png?width=1200)
![](https://assets.st-note.com/production/uploads/images/108291660/picture_pc_cc88c3eefd28c8ae30397dc22c494689.png?width=1200)
以下3つの画面を模写することにしました。
![](https://assets.st-note.com/production/uploads/images/108292031/picture_pc_b06df48324ae9c32d6751717693e3165.png?width=1200)
3.アプリを模写する
ざっくり模写しました。
(要素が多く、かなりざっくりになりました😇
![](https://assets.st-note.com/production/uploads/images/108296478/picture_pc_42ad4bb47f5f5847c6ba17cfa21057c7.png?width=1200)
4.気づきを書き足す
気づきを書き足しました。
![](https://assets.st-note.com/production/uploads/images/108297709/picture_pc_516c4cecba08d826850456ae3f7ad9fb.jpg?width=1200)
![](https://assets.st-note.com/production/uploads/images/108297727/picture_pc_a200d755c25413782488d60a8d02191e.png?width=1200)
![](https://assets.st-note.com/production/uploads/images/108297726/picture_pc_418d649242efc1ee48bc7318014b9704.jpg?width=1200)
この記事が気に入ったらサポートをしてみませんか?