マガジンのカバー画像

デザインのルール設計

46
デザイン原則、デザインシステム、ガイドラインの考え方や運用について理解を深めるためのまとめ
運営しているクリエイター

#デザイナー

『みてね』のビジュアルガイドラインができるまで。その背景とプロセスを聞いた

こんにちは。 MIXI デザイン本部 デザイナーリレーショングループです。 『家族アルバム みてね』(以下、『みてね』)では、誰もが『みてね』に関するデザインを高品質に、効率的に行えるように、また一貫性のあるユーザー体験を提供するために、デザインコンセプトやロゴ、カラー、写真に関するガイドライン、各種 UI コンポーネントを取りまとめたデザインシステムを運用しています。 デザインシステムのなかでもビジュアルガイドラインの策定を主導したのが、ビジュアルデザインチームの4名で

インタラクションを"感覚"から"言語"へ - インタラクションデザインシステム - 前編

こんにちはー!アクセンチュア ソングでインタラクションデザインのリードをしている佐々木です。 先日、アクセンチュア・イノベーション・ハブ東京にてFigma Japanさんの2周年記念イベントが開催されました。 改めまして、Figma Japanさん、2周年おめでとうございます! イベントのセッションでは、「インタラクションを”感覚”から”言語”へ」と言うテーマで、私たちアクセンチュア ソングのインタラクションデザイナーが開発した”atom Interaction”というシ

「誰もがつかえる」を目指す、noteのイラストシステム設計の裏側

2024年3月13日に開催されたFigma Japan2周年記念イベントTHE WAYS WE WORKに登壇しました。本記事は「誰でもつかえる」を目指す、noteのイラストシステム設計の裏側」というテーマでお話させていただいた内容です。 noteのイラストシステム「JOY」とは?2024年3月13日、noteのイラストシステム『JOY』を発表いたしました。 この「JOY」という名称には、誰もが楽しく、楽にイラストを作成できるように、という想いが込められています。 イラ

FigmaのSlotを活用したらデザインシステム管理が超絶楽になった話

いつも大学や英語の勉強についての記事を書いてますが、今回はデザイナーとして働いている私が知った技術的なことについてまとめていきたいと思います。 改めて軽く自己紹介昨年の11月よりファインディ株式会社でUI/UXデザイナーとして働いております。ファイディで働くのはとても楽しく、また周りの優秀な人達に囲まれて自分もメキメキと成長を感じています。(ここに関しては入社半年エントリー記事で詳しく書く予定) 普段はプロダクトの魅力を高めるために様々な取り組みを行っています。その中でも

minneのブランドを反映したカラーパレットができるまで

こんにちは。 GMOペパボ株式会社のハンドメイドマーケットサービス「minne」でデザイナーをしております、sziaoreoです。 前回の記事では「minneのブランドを反映したイラストができるまで」のお話について紹介させていただき、その時「次はカラーパレットについて書くぞ〜」と言ってしまったなぁということを思い出し、書きに参りました。 ということで、こちらの記事では「サービスのブランドからどのようにカラーパレットを考えたか」 を中心に、カラーパレットの制作過程についてご紹

【アプリ】失敗を活かして、デザインガイドラインを見直してみた #Weekly Note 22

こんにちは!UIデザイナーの菅野です。 デザイナーの皆さんは、作ったデザインを綺麗に実装してもらうべく、ガイドラインを作成した経験がある方が多いかと思います。 今回は、ガイドラインを作成する上で最低限必要な情報をまとめてみました。 〈 目次 〉 ・ガイドライン作成の背景 ・ガイドラインを作る上で注意した点 ・〈 改 〉ガイドライン ・まとめ ガイドライン作成の背景 普段アプリのデザインを担当することが多くて、ガイドラインも同時に作るのですが、先日ガイドラインの情報が少