Webサイトを使いやすく！UIデザインのCSS小技テクニック21個まとめ（実例サンプルコード付）
素敵なインターフェースを心がけ、ユーザーエクスペリエンスを格段に改善することができる、UIデザインの重要ポイントを具体的なHTML/CSSのサンプル例と一緒にご紹介します。これらの各ポイントは、もともと@steveschogerがTwitterでツイートした内容となります。 1. アイコンはラベルよりも少しだけ明るくしよう。 文字ラベルの横にアイコンを配置するときは、少しだけ色を明るくしてみましょう。こうすることで、もっとも重要な情報（文字ラベル）をうまく強調することができます。 See the Pen Little UI Details : 小技テクニック01 by PhotoshopVIP (@vipcrew) on CodePen. 2. 明るい背景色では、白文字に少しだけ影を追加しよう。 背景色が明るく、白文字を利用するときは、文字に少しだけ素敵な影を加えることで、より読みやすくな
インフォグラフィックのデザイン〈視線の流れ〉編 | ビジュアルシンキング
本記事では、インフォグラフィックができるまでの試行錯誤をお伝えします。 題材 題材にするのは、こちらの記事に掲載したタイムライン型のインフォグラフィックです。マーク・ザッカーバーグが2009年から発表している「新年の抱負」の変遷をまとめたものです。 デザインのきっかけ インフォグラフィックは、情報をグラフィック化するものです。したがって、気になる情報を見つけることがデザイン制作のきっかけになります。 この事例では、テクノロジーメディア「Recode」でマーク・ザッカーバーグが今年も「新年の抱負」を宣言したと知ったのがきっかけです。 この記事を見て、「そう言えば昨年はアメリカ全州訪問だったな。その前はなんだっけ？」といった具合に過去をさかのぼって調べていきました。 そうして調べた内容をノートに描いてみました。ただ描くのもつまらないので、イラストも交えながら。 ノート左ページの下をご覧ください
読まれる文章を書く『一瞬で心をつかむ77の文章テクニック』 - ビジョンミッション成長ブログ
心をつかむ文章。 そんな文章を書きたい。そういう人は、本書を手に取ってみると良いでしょう。 一瞬で心をつかむ 77の文章テクニック 作者: 高橋フミアキ 出版社/メーカー: 高橋書店 発売日: 2013/10/29 メディア: 単行本（ソフトカバー） この商品を含むブログを見る 目次 ◆Part1 一瞬で心をつかむ「タイトル&見出し」のテクニック ◆Part2 「組み合わせ」で効果10倍! 「タイトル&見出し」の複合テクニック ◆Part3 一瞬で心をつかむ「つかみの文章&リード文」のテクニック ◆Part4 一瞬で心をつかむ「書き出し」のテクニック ◆Part5 一瞬で心をつかむ「ストーリー&長文」のテクニック こういった５つのパートで、 心をつかむ文章テクニックが77個紹介されています。 目次を見ただけでも、心をつかむ文章を書きたい人は、これは読んでおきたいと思う感じがするのではないで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
