お気に入りデザイン記事｜お塩さん

どなたでも利用できる、イラストレーション・アイコン素材集を配布します

デジタル庁では、行政手続をわかりやすくするためのイラストレーションやアイコン素材集の制作をおこなっています。 2023年の始めにプロジェクトが発足し、これまでデジタル庁の四半期報告会見資料や、重点計画資料で活用をおこなってきました。これらの素材集を、府省庁や自治体、事業者の方々など、どなたでも活用ができるように配布をはじめます。 Figma Communityで公開しているデジタル庁デザインシステムから、ウェブやアプリケーションで利用ができる素材を6月中に配布開始予定です。

検索窓・フォームをデザインする時の13ポイント

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage（くらげ）株式会社のデザインチームのナンシーです。 crage社内には、デザインを作りながら確認するためのUIチェックリストが存在します。各案件によって柔軟に対応するため、いつでもこのリストを正しいとはせず、あくまで指針として用意しています。今回は、「検索窓・フォーム」のチェックリストから１３ポイントに絞ってご紹介します。 ※2023年5月29日更新な

ウェブアクセシビリティを無料で学べる資料まとめ（10年分）

こんにちは。伊原力也（@magi1125）と申します。業務アプリケーションのデザイナー、デザインチームのマネージャー、アクセシビリティ関連のコンサルタントなどをやっています。ウェブアクセシビリティを普及啓発する活動を始めて10年が経ちました。おかげさまで興味を持ってくれる人はかなり増えたと感じています。しかし、人が増えると声は届きにくくなります。「アクセシビリティをどこから学び始めていいかわからない」という意見も目にするようになってきました。また、私はこれまでにアク

noteのイラストが新しくなりました！イラストリニューアルの裏側

こんにちは。noteでイラストレーターをしているKimです。 2022年11月頃に、イラストをリニューアルすることが決まり、動き出してまるまる半年。この記事では、新しいnoteのイラストには、どのような思いが込められているのか、「noteらしさ」をイラストで表現する過程でどんな課題と向き合い、どのように乗り越えてきたのか、制作の裏側をオープン社内報として公開します。オープン社内報とは？一般的には社員しか見ることのできない「社内報」をだれでも見られるように公開するこ

違いを知って使い分ける！ヒラギノ角ゴ、ヒラギノUD角ゴ、ヒラギノUD角ゴFを徹底比較！

こんにちは、ヒラギノフォント公式note編集部の正木です。ヒラギノフォントには「ヒラギノ」「角ゴ」と名の付くファミリーがいくつかあり、今回はその中の3つのファミリーについてご紹介したいと思います。まずはみなさんご存知の「ヒラギノ角ゴ」。そして「ヒラギノ角ゴ」の基本デザインを受け継ぐ、ユニバーサルデザイン※フォントの「ヒラギノUD角ゴ」「ヒラギノUD角ゴF」です。「ヒラギノ角ゴ」は1994年、「ヒラギノUD角ゴ」は2009年、「ヒラギノUD角ゴF」は2011年と、順番に

アラートUIの色と使い方

WEBサイトや管理画面でよく使うアラートメッセージUIですが、ステータスの色と文言の使い分けがいまいちよくわかっていませんでした。なんとなくテキストとアラートの色が合っていないな…と思うことがあったけど、うまく言語化できてなかったので調べてみました📕 セマンティックカラーについてセマンティックカラーとは、意味をもって定義された色のことです。いろいろなデザインシステムやフレームワークをみていると、アラート関連は、次のようにセマンティックカラーとして定義されていることが多い

課金 UI まとめてみた

売上を伸ばしたい。課金率を伸ばしたい。でも、難しい！コンバージョンするサブスク UI を勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。 Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UI は、まだまだ少ない気がします。誰かの参考になれば嬉しいです。まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見いただけるとうれしいです。 ※ スクショは少し前に撮影したものなので、一部古くな

デザイナーの私が情報収集のために使っているサイト30選

はじめにみなさんこんにちは、上司ニシグチです。最近、立て続けに「ニシグチさんって、オンラインでのインプットはどこやってやってますか！？」とONLINE上司の中で聞かれたので、改めて普段私が勝手にのぞいているサイトをまとめてみました。といっても、ひとつひとつを解説しているわけではありませんので、気に入ったものをブックマークしてお役立ていただけると嬉しいです。 ONLINE上司は上司がいないクリエイター向けのオンラインコミュニティーで、クリエイター同士の交流やデザインの

爆速でAIアシスタント(β)をリリースするために、デザイナーがしたことのすベて

今日、noteの新機能として「AIアシスタント(β)」をリリースしました！このプロジェクトでわたしはデザイナーを担当したのですが、開発チームとしては4,5人ほど、発足から3週間、開発開始から2週間でリリースするという爆速プロジェクトで学びも多かったので、リリースのためにやったことをまとめてみます。提案するまで(1週目)最初はまだAI機能を組み込むことが決まっていない時にお話をいただいて走りだしました。この頃はリリースの目処ももう少し先に立てていて、まずは「AI機能をno

minneのユビキタス言語「minne辞典」の浸透と運用の工夫

こんにちは。 GMOペパボ株式会社のハンドメイドマーケットサービス「minne」でデザイナーをしております、sziaoreoです。こちらの記事ではペパボのデザイナー組織の中で開催されている「Designer's MTG」第21回、情報アーキテクチャスキルエリアのナレッジシェアで発表した「minneのユビキタス言語『minne辞典』の浸透と運用の工夫」の内容をご紹介していきたいと思います！「minne辞典」とは、minneのユビキタス言語の中でも特にユーザーコミュニケー

みてねの「イラストガイドライン」をつくった話💡

こんにちは、みてね事業部デザイナーの松本（@___31miu) です。家族アルバムみてねにて「イラストガイドライン」を制作したので、プロセスなどをご紹介します。同じような取り組みを行なっている方の参考になればと思い、記事を書いてみることにしました。少し長めですが、最後まで読んでいただけると嬉しいです🌿 こんな方におすすめです👩‍💻 0. 経緯みてねはリリースから6年経ち、今では7か国語対応しているサービスです🌎 サービスが大きくなるにつれて以下のような課題を感じ

心を動かすUXライティング　ープロダクトに命を吹き込む魔法の言葉ー

おめでとうございます！あなたの記事がはじめてスキされました！わたしの書いたnoteがはじめて「スキ」された時、スマホの画面にこんなメッセージが表示されました。その時わたしは、心がポッとあたたかくなるような、すごくうれしい気持ちになったことを覚えています。ユーザーにポジティブな変化があった時、ひと言声をかけてあげる。それだけで、ユーザーとプロダクトの心の距離は一気に縮まる。noteを利用するひとりのユーザーとして、そのことを実感した事例です。「スキ」という言葉にも「n

手戻りがゼロに！？情報整理を変えた独自UIフロー

こんにちは！UIデザイナーの大竹（@satocalog）です。最近では、UXリサーチ周りやワークショップ設計をゴニョゴニョしています。今年Chatworkでは、新しいUIデザインフローが作成されました。そのきっかけについては、以下の記事で紹介しています。今回は、独自UIフロー【MONDRIAN】の前半（要件〜構造）について紹介していきます。この前半フローのおかげで私は作業の手戻りが無くなったので、かなりの推し部分です。デザイン設計に入る前の徹底的なウォームアップ

みんなで使うから、ブランドが強くなる。SmartHR Design System リニューアルのおしらせ

おつかれさまです、コムデ（コミュニケーションデザイングループ）のsamemaruです。ブランドマネジメントという、ブランド気にする係をしています。お知らせです！本日、SmartHR Design Systemがサイトリニューアルしました！🎉 2020年6月のリリースから約1年半。社内外で徐々に認知され、現在は毎日数百ユーザーにアクセスしていただいています。いつも使ってくれている方にも、これまであまり接点がなかった方にも、いいところがたくさん増えたので、リニューアルの

お気に入りデザイン記事

フォローしませんか？

記事一覧