ポータルサイトのデザインリニューアル案件で気をつけたこと＆使える心理学 - Design Color
色を使いすぎない 以前に書いた「ポータルサイトのデザインをする時に意識したこと5つ」という記事でも触れましたが、今回も特に気をつけました。 ポータルサイトは一画面に表示される情報が多いです。文字はもちろん、画像の量が多くなります。サイトによってはバナー広告もあるので、それらの色に加えて、サイト自体の色もカラフルだと、目が疲れてしまいます。 そのため、色数を極力おさえることでサムネイル画像やタイトルに注目が集まるよう心がけました。そうすることで、ユーザーは情報を探しやすくなり、記事を読む事に集中できます。 逆に、色がゴチャゴチャしてどこを見たらいいのかわからない状態になると、ユーザーの離脱を招くことにもなるため注意が必要です。 選択肢は4つ程度にとどめる 今回のリニューアルにあたり、ポータルサイト内の選択肢を極力4つ程度にとどめる工夫をしました。その理由についてはふたつの心理学が関係していま
『１００円ショップ de コッシーの椅子 作り方 （画像・コツあり☆）』
～みぃつけた！！～日々のたわいもない出来事、気になること、感じたこと・・・ いろんな ～みぃつけた！！～ を、気ままにのんびり綴る「みいのブログ」♪ いろんな人と交流・共有できることに感謝！！ 最近、 「コッシ～」 「サボちゃん」 と、好きなのかＴＶを見ながら言うようになりました。 なので、 「集めている牛乳パックで作るおもちゃに、とでも使ってあげようかな」 と思い、 画像検索をしたところ、なにやら気になる画像がたくさん それは、プラスチックの小さな椅子をコッシーに見立てて作った手作り椅子 「めっちゃカワイ～んですけどぉ！？」 どうやらそれは、２０１０年ころにで紹介されてから、爆発的な人気～ なんでも、１００円ショップ（ダイソー）の物を使って３００円で作れるというから、経済的っっっ 当時は、椅子がどのダイソーからもなくなるほどだったとか・・・。 今なら大丈夫かな～・・・ と、春日井のダイソ
SNSのシェアボタンの設置方法まとめ (サンプルコード付き)
サンプルデモ真ん中寄せをして、ウィンドウの横幅が480px以上の場合は、5つのシェアボタンを横並びで表示し、スマホなど、ウィンドウの幅が狭いブラウザでは、LINEを含めた6つのボタンを1行に3つずつ表示するレスポンシブ仕様になっています。ここで表示している個々のボタンは画像を使用していますが、実際と同じように動作するので、ウィンドウの幅を広げたり縮めたりしてみて下さい。実際のシェアボタンでのデモを見たい人は、「サンプルデモを見る」のボタンから別ページにアクセスして下さい。 HTML <h2>シェアボタンの表示</h2> <p>横幅を狭めると、2行になり、LINEボタンが出現します。LINEボタンの画像は、<a href="https://media.line.me/howto/ja/" target="_blank">公式ウェブサイト</a>よりダウンロードする必要があります。</p> <
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
