【デザインシステム】エンジニアが知っておきたいデザインシステム - Qiita
デザインシステムとは？ 簡単にいうと、デザインシステムは、デザインに関することを体系化・構造化したものです。 具体的には、デザインの目的・原則やデザインの基準を定めるVIガイドライン、UIパターンやコンポーネント、ライブラリなどの再利用できるものが含まれます。 そのため、デザインシステムを導入することで、 1つのプロダクトで、200色の白が存在すること や 見た目、機能が同じものを何個も存在することがなくなるため、 大規模なプロダクトやサービスをチームで開発・運用していくのが効率的になります。 また、デザインとコードの両方で一貫性のある見た目にもできるため、 デザインの苦手なエンジニアでも、簡単に、デザインの意図に沿ったUIやクオリティの担保されたUIを作成することができます。 知っておきたいデザインシステム ○ 国内のデザインシステム 国内の企業・組織が公開しているデザインシステムを10
「みんなの銀行」のデザイン原則｜みんなの銀行 公式note
はじめまして。みんなの銀行 中村です。 デザインディレクターとして、デザインチームの責任者をしています。 こちらのマガジンではみんなの銀行の「デザイン」をテーマに、チーム全員で定期的に記事を投稿していきます。デザイナーによる初投稿ということで、みんなの銀行1人目のデザイナーとして入社した僕からスタートしたいと思います。今日は、制作に関わるデザインチーム全員で「みんなの銀行らしいデザイン」を定義した「デザイン原則」ができるまでのストーリーをお話します。 「みんなの銀行らしい」デザイン、って何だろう 僕がみんなの銀行に一人目のデザイナーとしてジョインした時は、パートナーのアクセンチュアさんよりFjordのデザイナー（4名）が、プロジェクトのデザインまわりを進めていました。当初は、みんなの銀行のアプリ画面を中心に「ミニマル」や「シンプル」といった体験ルールを設定し、それを起点としてUI設計にも取
Story-Assured Design - 未来の改善スピードのためのデザインワークフロー
現在開発担当している AbemaTV で、昨年末にパナソニックさんのスマートテレビ VIERA 向けにアプリケーションをリリースしました。AbemaTV リモコンボタンで AbemaTV にアクセスできます。今回このアプリケーションの UI を開発するにあたって、新しいデザインワークフローを導入しました。 本記事では、 Story-Assured Design というデザインワークフローを、現在プロダクト開発で直面しているデザインの課題とともに紹介します。 Story-Assured Design とは？ Story-Assured Design はその名前が示しているように、ユーザーストーリーを保証することを目的とした UI デザインのワークフローです。UI デザインを３つのステップに分けて行います。 ストーリーデザイン デザインの構造化 視覚情報デザイン 一番重要なユーザーストーリーの
社内UIライブラリの変遷 - STORES Product Blog
heyのSTORESでECの開発をしている@nkobaです。 この記事ではフロントエンドで使用しているUIライブラリについて発信していきます！ 社内UIライブラリとは STORESのECではSTORES.jp-Front-Commonというフロントエンドライブラリを作成しています。 その一部としてUIライブラリが含まれており、これを社内プロダクトで利用することで開発効率を向上させたり、ユーザーにとっての触り心地を担保しています。 基本的にSTORESのECではブランド、デザイン、使い心地などを表現するために、ほぼ全てのUIは自作しています。 社内UIライブラリで主に使用している技術は以下になります。 Vue.js Storybook REG-SUIT Jest コンポーネントライブラリの実際 実際に使われているページ 導入期 背景 私がフロントエンドチームに加わったのは2018年の末頃でし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DMM動画サービスの問題を解決しようとしている話（スタイルガイド編） - DMM inside
