ウェブサイトやブログによくあるリストデザインが流行のグリッドデザインよりも有効なわけ
「ウェブの未来を担う次のUIデザインは『カード』にあり」と言われるなど、ウェブサイトを格子状にレイアウトしたグリッドデザインは人気で、多くのアプリやウェブサイトで採用されていますが、実際にグリッドデザインと以前からあるリストデザインの2種類をテストしてみたところ、「リストデザインの方が明らかに見やすく、ユーザーの反応がいい」という結論が出ました。 List Beats Grid: Linear Feeds Perform Two to Three Times Better Than Grids http://blog.getprismatic.com/list-beats-grid-linear-feeds-perform-two-to-three-times-better-than-grids-2/ グリッドデザインとリストデザインのどちらが本当に効果的なのか？ということを調査したのはソ
プロフェッショナルのデザイナーがよく使う21種類のフォント
ウェブデザインの世界においてどのようなフォントが好まれて使われているのかを調査した結果、21種類のフォントが選び出されたそうです。どれもこれも使い勝手の良さそうな、見やすくわかりやすい、それでいてインパクトのある英文フォントばかりなので、覚えておいて損はありません。 プロフェッショナルのデザイナーによく使われている21種類のフォント一覧は以下から。 21 Most Used Fonts By Professional Designers | instantShift Helvetica Frutiger Myriad Pro Avenir Std Trajan Optima Std ITC Franklin Gothic Std Futura Bickham Script Univers Eurostile Interstate Trade Gothic Gill Sans Warnock
「iPhone 5s」と「iPhone 5c」でページを見ている画像をサクッと作る方法
自分で作成したサイトやブログなどをiPhoneやiPad、iPad mini、さらにGAMEBOYなどで見るとどんな風になるのかを確認できるウェブサービスが「iPhone Screenshot Maker」ですが、バージョンアップして、iPhone 5s・iPhone 5cにも対応しました。 iPhone Screenshot Maker http://iphone-screenshot.com/ 使い方は、まずステータスバーの加工方法を選択してから使用するフレームを選びます。「auto detect」を選択すれば、のちのちステータスバーの加工方法を選択可能なので「auto detect」をクリック。そして今回は新しく対応したiPhone 5sのフレームを使ってみることに。 次に複数ある端末のカラーや角度から好きな物を選択。 そしてオプションを設定。ここでは入力画像をディスプレイにフィット
無料でDropboxのフォルダを自分のWebサイトにできる「Site44」
オンラインストレージサービスであるDropboxのフォルダを自分のホームページとして使用できるサービスが「Site44」です。Dropboxのアカウントを持っていれば簡単にWebサイトの作成ができます。 Webサイトの作成方法については以下から。 site44 - absurdly simple web hosting http://www.site44.com/ 上記サイトにある「Sign in with Dropbox to get started ≫」をクリック。 Dropboxのアカウントにひも付いているメールアドレスとパスワードを入力して、「サインイン」をクリック。 「許可」をクリック。 以下のページが表示されたら、Webサイトを作成するので、「Create a new website ≫」をクリック。 Webサイトのドメイン名を設定するので、「.site44.com」の前に入れ
モノクロ写真の一部だけをカラーにしてインパクトを与えている写真の例いろいろ
色彩をコントロールするというのは写真の中でも割と基本的な部分ですが、中でもモノクロ写真の一部だけをカラーにするという手法はシンプルでありながらかなり強力なイメージを作り出すことが可能で、非常に効果的です。よく見かける手法だけに、うまく使えれば効果は絶大です。 というわけで、「こういうときに使えそうだ」というのがよくわかる実例いろいろは以下から。Photoshopでの加工方法もメモしておきました。 Creating Impact With Partial Colour: 60 Stunning Photos なお、Photoshopでこのような画像を作る方法については以下のページで手順が解説されています。 Photoshopでカラー写真の一部を白黒にする方法 / ウェブデザインライブラリー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
