マガジンのカバー画像

UI/UX 参考

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

#デザイン

Atomic Design と Figma の組み合わせでデザインが便利になる|デザインシステムの作…

スマートキャンプデザインブログ、デザイナー/エンジニアのhaguriです。 ユーザー体験の統一…

Webサイトのメインビジュアルの構図を集めて分析してみた。

初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしてい…

ameko
5年前
2,090

デザイナーに有益なTwitterアカウントまとめ

なぜ書いたの? 最近、デザイナー志望の方からたくさんのご相談を頂くようになったので、まず…

確認ダイアログのUI改善

先日、読書しようとiPhoneのKindleアプリを開いたところ、以下のようなダイアログが表示されま…

ウェブサイトを日本語にローカライズするときはスタイルも調整しよう。

海外のウェブサイトをそのまま日本語に翻訳 (ローカライズ) したものを見かけるとき、わたした…

Sho KUWABARA
5年前
7

マイクロインタラクションのデザイン。UIデザイナーもコードを学ぼう

前回の記事では、コードを学んだ経験がインタラクションを重視したデザインをするきっかけにな…

Evernoteのマイクロインタラクション

これまでInstagramのマイクロインタラクション、Twitterのマイクロインタラクションを観察してきました。今回はEvernoteのマイクロインタラクションを観察し、それらがユーザーに与える効果を考察します。 ---- ノートへの写真の追加 マイクロインタラクションと呼ぶには大きな機能のため、インタラクションを細かく分解してみます。 1. ノートを開いた状態でカメラアイコンをタップすると撮影画面が開く 2. 被写体の平面の矩形を自動で認識し、緑色の四角形を半透過で