押すことで何が起こるかわかるボタンを作る ボタンを使って操作する場面って、よくありますよね。身近な部分ではテレビやキーボードなんかがそうです。 あれらにはボタンがギッシリと詰まっていますね。そしてそのボタンを押すことで画 […]
Webデザイン制作
ハンバーガーアイコンの有用性について
三本線のアイコンをハンバーガーアイコンと呼ぶ スマートフォンでホームページを見るとき、メニュー欄を表示させる「三本線のアイコン」をよく見かけます。 アレはハンバーガーアイコンと呼ぶんです。 上下の線がパンズで、真ん中はハ […]
PC・スマートフォンに対応させるデザインの考え方
レスポンシブWEBデザインには相対的な値を使う PC・スマートフォンに対応したデザインを作ることは割と増えてきています。 スマートフォンの普及率が増したり、タブレットの様に使えるパソコンが出てきたりと、閲覧する画面幅がユ […]
ホームページのアイコン”ファビコン”を作ろう
ファビコンはホームページを示すアイコン ファビコン(favicon)って聞いたことないですか? インターネットブラウザーでホームページを見た時、アドレスバーの付近やタブに出る小さなアイコンの事です。 ファビコンは単なる飾 […]
画像ファイル形式の違いについて
「JPG」「PNG」「GIF」「BMP」「TIFF」の5つの代表的な画像ファイルについて 写真や絵を画像にするには画像ファイルにして保存しなければなりません。 でも形式がいろいろあって迷うことはありませんか? 保存する画 […]
メールフォームのカナ入力欄について
カタカナ変換は難しい メールフォームを作るとき、まず最初に思い浮かぶ項目として「氏名」「フリガナ」「住所」「電話番号」「メールアドレス」「お問い合わせ内容」なんて内容があると思います。 でもちょっと待ってください! カタ […]
ホームページに人の顔を掲載する事で得られる効果
自分たちの顔を掲載しよう ホームページを見ていて、本当に信用できるのか不安になる事はありませんか? 実はそれ、人の顔が載っていないからかもしれません。 常識として「個人を特定できる顔と名前をインターネットに掲載してはいけ […]
文字を美しく見せる”カーニング”について
文字の隙間を整えて美しく見せる 文字を入力した時に、なんだか見た目がおかしいと思ったことはありませんか? 文字と文字の間が空き過ぎていたり詰まって見えることはありませんか? それはカーニング(Kerning)に問題がある […]
カラーミーショップを活用してショッピングサイトを作ろう
販売手数料0円!安価で始められるショッピングカートASP インターネットを使って商品を売り買いするのは当たり前の時代になりました。大手であれば楽天・Amazon辺りが有名ですね。 私はAmazonをよく活用させてもらって […]
フォントサイズで使われる、pxとemはここが違う
pxとemはどちらもホームページで使われる単位を表すもの メートル・ヤード・フィートなどなど、大きさを表す単位がたくさんありますが、それぞれで大きさが異なりますよね。 例えば1メートルは約1.09361ヤード、約3.28 […]
Photoshopで色調補正レイヤーを活用しよう
色調補正レイヤーを活用して補正しよう Photoshopを使って色調補正をするとき、皆さんどうされていますか? 「イメージ」→「色調補正」からかけていませんか? もしそうだとしたら、色調補正レイヤーを使う事をオススメしま […]
撮影した写真はシャープをかけよう
写真にシャープをかけよう 写真を撮って、後日確認してみるとなんだか少しボケている・・・なんてことありませんか? すぐに撮り直せるものでも、もう一度準備して撮影・・・なんて面倒ですよね。撮り直しができないものなら尚のこと残 […]
料理の写真をおいしそうに見せる3つのコツ
ポイントは「明るさ」「色合い」「温度感」 料理の写真を撮って、さて掲載!と思う前に、今撮った写真をもう一度確認してみてください。 なんだか暗くないですか?色合いはどうですか?暖かい料理なら暖かそうに見えますか?冷たい料理 […]
文字の大きさは10px以上にしよう
ブラウザによって最小サイズが決められている Internet Explorerや、Firefox、Google Chrome、Safariなどのインターネットブラウザにはそれぞれ「最小のフォントサイズ」が設定されています […]
文章は優先順位をつけて装飾しよう
文字を目立たせるデザイン Webデザイン、紙面デザインをしていると、「一部の文字を他と差別化させて目立たせたい」といったご要望をよくいただきます。 その時に「太字で」「赤字で」とご注文いただくのですが、面白いように皆さん […]