マガジンのカバー画像

また読みたい

160
運営しているクリエイター

#UI

Twitterのトレースをするにあたって意識したこと、参考になったnote

Twitterのトレースをするにあたって意識したこと、参考になったnote

2週間前にデザインを初めて、各方面でトレースをするのがいいよと言っているのでとりあえずやってみました。
色々な方法でトレースを試してみて、意識したことを言葉にする習慣にするためにnoteにします。
そして、意識するにあたって参考にしたnoteも紹介させていただきます。

できたもの結果として5枚のページ?を作ることになりました。

左から順に

1枚目: 完全なるスクショ
2枚目: ただ真似るだけ

もっとみる
【チームライブラリ活用編】 デザインシステムを #Figma でもっと強くする

【チームライブラリ活用編】 デザインシステムを #Figma でもっと強くする

【まずやること編】 デザインデータをSketchからFigmaにお引越ししよう
もあわせてドウゾ

・・・

ノゾエ(@conoito)です。

今年3月頃に、SketchからFigmaに、UIまわりのデータの移行を行いました。
約半年が経った9月現在、特に大きな問題もなく快適に本運用を行なうことができています。

今日は、Figmaに移行してから行なった、
コンポーネントの整備からスタイルの最適

もっとみる
XD→Figmaに変えた理由とその運営方法やメリットについて

XD→Figmaに変えた理由とその運営方法やメリットについて

こんにちは、COUNTERWORKSの駒ヶ嶺(@Koma_Studio)です。

弊社では今までXDを用いたUI制作を行っていましたが、今年の3月に入ってからFigmaの試験運用を始め、現在は本格運用を始めました。

今回はどのような背景がありXDからFigmaに移行したのかを紹介するとともに、どのように導入を進め、現在はどのように運営をしているのか書いていこうと思います。

導入背景1. デザイ

もっとみる
【作業効率1/2×クオリティ倍増!】72時間かけて作った365日使えるアプリ分析18選

【作業効率1/2×クオリティ倍増!】72時間かけて作った365日使えるアプリ分析18選

以前、研修の1つとして弊社で行っているトレース分析を投稿しました。

私はこの半年でUbereats以外にもイケてると感じたアプリを数多く分析しています。

その分析の1つとしてUIトレースを行っているのですが、特に下記の分析を徹底的に拘っています。

・文字サイズ
・オブジェクトサイズ
・余白サイズ
・アイコンサイズ
・角丸サイズ

それぞれの数値を可視化し、いつでも情報を閲覧できるような状態で

もっとみる
Figmaでできる、UIデザイン。-ワークショップ編-

Figmaでできる、UIデザイン。-ワークショップ編-

こんにちは、Goodpatch Anywhereのささやんです。
先日はFigmaに恋してる!特に共同作業にぴったりだよ!というご紹介をしました。
じゃあ具体的にどんなことができるの?について今回はお話できればと思います。

第一弾はUIワークショップについて、です。
ワークショップというとUXデザイナーがやってるものじゃないと思われがちですが、UIでもできるんですワークショップ。しかもリモートで

もっとみる