独学でUIデザインを勉強したい人むけのリンク集
UIデザインを独学で学びたい方へ。UIデザイナー、UXデザイナー、Webデザイナーの違いや必要な知識を解説し、デザインの基本、心理学、ツール、アクセシビリティ、デザインシステムなど、役立つリンクを集めた記事です。
「UI・UX」一覧
UI・UX・アプリデザイン制作についての記事一覧です。デザイン制作の相談・依頼はお問い合わせにて承ります。｜Yososhi｜デザイナー目線から、生活にワクワクを
モーダルのボタンについて気をつけるべきこと
モーダルボタンの効果的な配置と文言の選び方を解説。実行ボタンの配置、動詞の一致、破壊的アクションの色の使い方、ボタンの数に応じたデザインのコツを学びましょう。
実践的！アプリのUIデザイナーが常に手元に用意している役に立つリンク集を紹介
現役のUIデザインが紹介するアプリのUIデザインを作る時、手元に用意しておきたいサイト集、参考用のリンク集です。OSのガイドラインやカラーピッカー、アプリ参考画面サイトなどを集めています。
2023年最新！UIデザインで役に立つイラスト素材サイトまとめ
アプリデザイン、UIデザインで役に立つイラスト素材サイトをまとめました。現役のUIデザイナーが厳選する素材サイトで、さまざまなUIデザイン制作場面で活用できます。
爆速で作業！Figmaのよく使うショートカットを紹介
Figmaの初心者向けに、本当によく使うショートカットを、現場で働くUIデザイナーが絞ってまとめました。どれでもよく使うので、最低限覚えておくと、作業がスムーズになります。
Figmaのプロトタイピングで縦スクロールと横スクロールを再現する
デザインツールFigmaのプロトタイプ機能を使って縦スクロールと横スクロールの作り方を説明します。ノンデザイナーでも使いやすいデザインツールFigmaをわかりやすく解説していきます。スクロールするとき一部パーツを固定させるなどリアルさを充実に再現できる方法も記載しています。
初心者向け！実例で学ぶデザインツールFigmaの使い方
デザインツールFigmaをデザイナーがわかりやすく説明します。ノンデザイナーでもすぐ使えるようになる、初心者向けのFigmaの使い方を、実例の画面スクショを通して丁寧に解説します。
SketchをZeplinと連携してスタイルガイドを秒で作ってみた
sketchでのスタイルガイドの作成方法とzeplinとの連携方法を紹介します。しっかりSketchを使ってスタイルガイドを作ってしまえば、あとはワンクリックするだけでエンジニアでもわかるスタイルガイドが瞬時にZeplin上に完成されます。
sketchのシンボルどこで使われてるのか一瞬で見つける方法
sketchを使ってUIデザイン制作するときのあるある「このシンボルはどこで使われてるの？」テキストスタイル、レイヤースタイルも同じ問題が発生しますが、本記事は一気に対策・解決方法をまとめました。
「なし」情報をUIで表す、非アクティブ・空欄情報・最大値について
情報は元々「あり」「なし」二つの状態があって、「なし」状態になっている情報は見えないままだと、情報の伝達不足になりがちです。そういった非アクティブ情報、空欄情報（エンプティステート）などについてUIでの表現方法を考えました。
sketchはスタイルガイドを作っておくとデザインが超絶楽になる
sketchで一括変換できるように、設定方法を詳しく説明します。デザインを作る前に絶対やっておきたい3つのことで、スタイルガイドを設定しておけば一括変換でデザインの効率が遥かに上がります。
スポンサーリンク
