使い勝手に関わる、Webサイトの色使い。なんとなく適当に決めていませんか? アクセシビリティにも考慮した色選びのコツを解説します。 「色」は生活に欠かません。色で物の違いを判別し、信号を把握し、ツールを正しく使っています。 さらに、色は人間の認知や気分にも多大な影響を与えます。色の感じ方の違いや、気分、感情に与える影響をまとめた短い研究論文にこんな実験結果が掲載されています。黒と緑の文字で「この箱…

Loading...

ページを読み進めるほどにユーザーは疲れていきます。ユーザーの集中力を回復するとっておきの方法を教えます。 Webに関わっている人なら、ユーザーがコンテンツを一字一句読んでいないと知っているでしょう。スーパーマーケットの売り場に並ぶ食品のラベルを次々にながめるのと同じで、ユーザーはWebサイトのコンテンツを無意識に読み流しているのです。 なぜ読み流すのか なぜ読み流すのか。理由は簡単で「楽だから」で…

Loading...

LESSONS

Facebook、Twitterなどソーシャルネットワーキングサービスで利用されているフォントとキーカラーをまとめました。 ソーシャルネットワークで利用されているブランドアセットを揃えておくと、デザインに正しく取り入れることができて便利です。FacebookやTwitter、Google+などの人気のソーシャルネットワークに使用されているフォントや色を押さえることで、ソーシャルログインボタンやアイ…

Loading...

単価の高い広告を優先的に配信するヘッダービディング。アドテク関係者以外には聞きなれない仕組みの概要をおさえましょう。 メディアの収益の改善が期待されるヘッダービディング(HeaderBidding)を解説します。 ヘッダービディングとは ヘッダービディング(HeaderBidding)とは、グーグルが提供しているDFP(DoubleClick for Publisher)をはじめアドサーバーの広告…

Loading...

静的サイトジェネレーター「Jekyll」を使って、ブログやサイトで使い回せる動的なウィジェットを簡単に作る方法を紹介します。 静的なサイトを生成するツール「Jekyll」は、軽量ですがマニアックなツールだとWebデザイン界隈で認識されています。しかし、その印象はJekyllの一部でしかありません。できることが多く、技術者ではないユーザーやクライアントが簡単なサイトを作れる強力なツールです。 クライ…

Loading...

デザイナーならおなじみのSNS「Dribbble」でいま注目のデザイナー12名を厳選して紹介。 Webデザイナー、モバイルアプリデザイナー、グラフィックデザイナーを問わず、デザイナーならDribbbleはもうご存知でしょう。クリエイティブなアーティストが集まるソーシャルネットワークで、湧き出すインスピレーションの源泉です。さらに、優秀なDribbbleデザイナーが無料でデザインリソースを提供してい…

Loading...

今週公開した記事の中から、この週末に読んでおきたい注目記事をまとめて紹介。今週は、衝撃的なタイトルがソーシャルで話題になったBootstrapはすでに下火に——海外の開発者1600人に聞いたCSS開発のいま、高校生はスマホで何をしているのか調査、フルスタックJavaScript開発のコツなど、話題の記事を中心に8本をセレクト。平日は忙しくてチェックできなかった人も、休日にゆっくりまとめ読みしてみて…

Loading...

開発者なら誰しもJavaScriptをはじめとするコードのメンテナンスが面倒だと感じています。日々変更される標準や構文、サードパーティのパッケージ変更に付いていくのも大変です。 近年、JavaScriptを取り巻く状況は一変しています。JavaScript言語のコアは進化し続けて、基本中の基本である変数宣言の方法さえ変更されているのです。ES6では、letやconst、アロー関数などの変更がコアに…

Loading...

ストレスのないUXを実現するためには、いつもデザインしている「目に見えるUI」から一度離れて考えてみるといいかもしれません。 「見えないUI」は、2017年に入ってから注目を集めているデザイントレンドで、UIをパーソナライズするのと並んで重要とみなされています。ビジュアルトレンドはすぐに廃れてしまいますが、見えないUIは根強く残るコンセプトです。 「見えないのにユーザーとどうやって対話するのですか…

Loading...

SPAなどモダンな Web開発に欠かせないモジュールバンドラー。高速でシンプル、webpackに代わる次世代ツールとして注目の「FuseBox」の使い方を解説します。 急速に発展しているフロントエンドの環境は、JavaScriptのモジュールシステムの理解が必要不可欠です。モジュールを利用してコードを組織化することで、メンテナンス性と再利用性が向上します。残念ながら、ES modulesのブラウザ…

Loading...