2026-07-21

duolingo / トレーニング画面

色の使い方と目的に合ったフォントの選定の勉強の為に選定。 色の彩度をなるべく合わせているように見えるこの画面は視覚的に混乱が少なく全体の調和を感じる。

figmaのコンポーネントがとても便利 反復要素の原本として、インスタンスのスタイルを一括で変更できるため作業効率がかなり上がった。 画像はaiで作るとして、シンボルの良い取得方法がまだ分かっていない。sf fontsから画像コピーしているがガビガビになる。 svgでコピペで使えるものがあれば良いが。

ブループリントの見やすさにもこだわった。 色のプリセットを今回は後付けで作っているので、最初に色プリセットとフォントプリセットを設定してから始めるフローを徹底したい。

学習目的の模写であり、各UIの著作権は元のサービスに帰属します