Flat UI Colorsがバージョンアップし、世界各国の有名デザイナーと協力して作成されたフラットなUIデザインに合うカラーパレットを紹介します。 Flat UI Colors 2 カラーパレットはFlat UI Color本家のを含めて、全部で14種類、トータルで280色のカラーがまとめられています。カラーはコピペで簡単に取得することができ、すぐにデザインやプロジェクト、プレゼンに利用できます。 まずは、本家のカラーパレットから。
![フラットなUIデザイン用に作成された、世界各国の有名デザイナーが使用しているカラーパレットのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/01f62be8a7d3edda14be946f1c2bebff2a1ea5e9/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201801%2F2018012503-01.jpg)
更新日: 2017年4月18日公開日: 2017年4月5日【奥深すぎ】UIデザインのフィードバックをもらいにグッドパッチに行ってきたけど、それ以前の問題だった! "CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは?(受講生体験記) 「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。元バレエダンサーの挑戦普通の文系大学生/営業職が、エンジニアへ転職し起業するまで成長の記録 今までの話 第1話: プログラミングスクール選びで失敗し、54万円をドブに捨てた話 第2話: 未経験からエンジニアになった人に教えを請いに行った話 第3話: 空き家マッチングシステムをシコシコつくりあげた話 第4話: グッドパッチさんにデザイン
TightenやLaravelのデザインを担当したSteve Schoger(@steveschoger)さんによる、ビジュアルデザインにおけるコツをまとめたモーメント「Little UI Details」が公開されています。 Little UI Details https://twitter.com/i/moments/880688233641848832 明るい背景色上に白色のテキストを追加する場合、微妙に影を付けると、文字が見えやすくなるだけでなくよりポップになります。 Adding a subtle shadow to white text when on a bright background not only makes it more legible but helps it 'pop' more. pic.twitter.com/p9rudeFxvP— Steve Scho
プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ
Ben Shneiderman氏の『Designing the User Interface』とJakob Nielsen氏の『Ten Usability Heuristics』の著書に基づく、インタラクションデザインに関する10個の原則というものがあります。 この原則は、「ヒューリスティック」と呼ばれるもので、経験則による広範なルールであり、特定のユーザビリティに関するガイドラインではありません。 1.一貫性を重視する 同じことを意味する複数の名称や状態があることは、ユーザーにとって好ましくありません。ユーザーの混乱を招かないように、用語と動作を一致させるようにしましょう。相手の驚きを最小限にする「驚き最小の原則(The Principle of Least Surprise)」に留意することが大事です。 アプリ内のすべての要素に一貫性を持たせるようにしましょう。たとえば、同じスタイルの
アプリデザインのトレンドは絶えず変化しています。時間が経てば消えてしまうものから、成長し、進化を続けるものもあります。多くのトレンドは検討する価値がもちろんありますが、一緒に新しい技術も必要となります。 優れたUIデザインは、シンプルさ(英: Simplicity)と有効性(英: Effectiveness)が全てです。これこそがデザイナーが機能性を達成しようとする理由です。しかし反対に、もしユーザーがアプリをうまく使いこなせないとき、UIデザインは失敗と言えるでしょう。 デザイントレンドが変化する理由にはさまざまな要因が考えられます。たとえば2015年の大きな流れとして、ハードウェアの変化やモバイル端末のレスポンシブ化が挙げられます。 公開された多くのモバイルアプリは、人気のある機能を必需品としてすぐに変化させてきました。さらに今では若者のおよそ90%が、モバイル端末上で基本的な操作を行
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。 Ameba Ownd(アメーバ オウンド)でiOS・AndroidアプリのUIデザインを担当しています、鈴木です。 4月28日に『~「Ameba Ownd」制作秘話から学ぶ~CyberAgent UI design seminar』というセミナーを行いました。 チーフ・クリエイティブディレクターの佐藤をはじめ、計4人のデザイナーから日々取り組んでいるデザインの現場についてお話しさせていただきました。 私からセミナーで話しさせていただいた「UIデザイナーの役割や進め方」を、Ameba Owndの立ち上げ秘話を交えて、お話したいと思います。
機能的なアニメーションとは、演出のみのアニメーションと違い、その意図が明確かつ論理的に校正された、控えめなアニメーションのことです。それはUIにおける認知的負荷を軽減させ、変化の見落としを防ぎ、そしてよりその空間の記憶を呼び起こしやすくさせ、何よりもUIに命を吹き込みます。 その動きは、増えたり、分かれたり、その形やサイズが変わることで、画面をさらに生き生きと見せることができます。機能的なアニメーションは、ナビゲーション上でユーザーをスムーズに移動させ、スクリーン上の要素の配置の変化を説明し、要素の階層を明確にするために使用するものです。 成功する機能的なアニメーションには、以下の6つの特徴があります。 1. レスポンスがよい UIデザインにおいてビジュアル・フィードバックはとても重要です。なぜなら、ユーザーの認知に対するごく自然な要求に訴えかけるからです。現実世界ではボタンやコントロール
サイバーエージェント、DeNA、Gunosy、ウォンテッドリー、グッドパッチが語る、これからのUIデザイナーに求められる要件とは?UI Crunch #8「UIデザインに求められる実装スキルと考え方」をレポート。 UIデザイン最前線。いま身につけるべきスキルと考え方。 UI Crunchのコンセプトは「UIデザインに関わるすべての人のためのコミュニティ」。デザイナーのみならず、エンジニアやディレクターなどあらゆる人が参加できる。毎回、「UIデザイナー不要説について語る」「スマートウォッチUIデザインの今」など話題のトピックスでWeb業界のトップクリエイターをゲストに迎え、UIにまつわるトークセッションが開催されている。 第8回目となった今回は「UIデザインに求められる実装スキルと考え方」について。デザインとテクノロジーの領域が融合し始めてきている昨今、業界でも注目のテーマ「デザイナーがデザ
転職・求人情報サイトのtype エンジニアtype スキル 現代のデザイナーは実装できて当たり前?GunosyのUIデザインチームが考えるエンジニアとの理想の関係 2015.07.29 スキル BASEのCTOえふしん氏は今年1月の弊誌連載の中で、モバイルファーストの時代においては「フロントエンドを担う人材の作業範囲が、ビジュアルデザイン主流から実装主体へと移ってきている」ことを指摘していた。 >> UIデザインは結局誰の仕事なのか?スマホ時代のサービス設計で必要なスキルを再考する【連載:えふしん】 その作業範囲は時にはバックエンドにまで及ぶ。これだけの広範囲を適切にカバーできる人材は、それほど多くないというのが現実だろう。 そんな中、情報キュレーションアプリ『グノシー』を提供するGunosyのUIデザインチームは、所属する3人のデザイナー全員が日常的に実装までを担っているという。 Gun
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く