Webサイトのデザインを向上させる便利なアイコン“Googleマテリアルアイコン” ボタンなどにアイコンを配置することで、よりよいデザインになる事が多くあります。 例えばページリンク。 リンクボタンの右側に「＞」がついて […]
デザイン
2024.01.18
Googleマテリアルアイコンを使ってみた
Webデザイン制作
デザイン
2023.12.22
SVGを活用して綺麗なロゴを表示させよう
拡大や縮小に耐えられるSVG 画像のファイル形式では「JPG」や「PNG」、「GIF」が有名です。 ですがこれらのファイル形式は、拡大していくと荒く表示されたり、端がガビガビして見えてしまいます。 下は見え方のイメージで […]
デザイン
カラーミー
2023.09.20
デザインカスタマイズも柔軟に対応できる！カラーミーショップ
柔軟にカートデザインのカスタマイズが可能！ CMS系のカートだと、デザインがあまりできなさそう・・・というイメージを持ってはいませんか？ 大丈夫。だいたいの事はできます。そう、カラーミーショップならね。 という事でカラー […]
デザイン
2023.08.18
どの閲覧媒体でもスマートフォン用のデザインを適用したWEBサイト
PCの時でもスマートフォン用のコンテンツを表示させているサイト こういったデザインを2022年の秋ごろから見かけるようになりました。 動作を図解したものがこちらです。 PCで表示した時は画面の一部へスマートフォン用のコン […]
デザイン
スマートフォン最適化
2021.10.21
ユーザーに合わせたWebサイト制作でスマートフォンに最適化
様々な世代に広がるスマートフォン利用者 スマートフォンの普及に伴って、インターネットは非常に身近になりました。 気になる事があったり、困った事があればサッとスマートフォンを取り出して、インターネットブラウザのアプリをタッ […]
デザイン
2020.04.27
画面の中だけではわからないという話
実際の利用場面を再現してみよう ポスターを作る、フライヤーを作る、パンフレットを作る…こうした時にデザインソフトを使って編集して良い物を目指していくかと思います。 その時に忘れてしまいがちなのが、実際の利用場面です。 ポ […]
デザイン
2020.04.14
アイデアは突然降ってはこない話
アイデアは考えた総量で変わる よく「アイデアが降ってくる」という表現が使われる事があります。 これだけを見ると、ある日突然素晴らしいアイデアを思いつくかの様に思われますが、実態は違います。 突然浮かんだものはただの思いつ […]
デザイン
fontawesome, アイコン
2019.12.24
便利すぎるアイコン書体FontAwesome
FontAwesomeが便利すぎる Web制作では単色のアイコンを探したり、自身で描いて使う事が多くあります。 リンクボタンの端にリンク先ページを想像させるアイコンがあると、クリックする前にどのような内容が表示されるのか […]
デザイン
2019.05.13
文化によって異なる色の印象
文化が違えば色に持つ印象や意味も異なる 多言語対応をさせる時の注意点について、以前書いた事があります。 多言語サイトを作る時のポイントと、本当の意味でのローカライズ この中で少しだけ触れていた「色」について掘り下げてみよ […]
デザイン
border
2019.04.24
極細！！0.5pxの世界
0.5pxはRetina Display向け これまで最小単位は1pxだと思っていたのですが、0.5pxも使えるよ…なんて聞いてビックリしました。 画面は小さな点の塊で、その一つを1pxとして扱い、その1pxに色を塗って […]
デザイン
2019.04.09
罫線の引きすぎは見づらさを生む
日本人は罫線が大好き 日本人は罫線が好きだなぁと常々感じます。そう感じるのは特にメモ帳です。 思いついたネタを書いたり、考えをまとめたり、忘れないようにメモを取る時につかうメモ帳。わたしも使っています。 職業柄なのか、図 […]
多言語対応の思わぬ落とし穴
ホームページを他言語対応させると変わってしまうアレ グローバルな世の中です。外国人観光客も増えたりして、英語・中国語・フランス語等々、様々な言語に対応したほうがストレスなくホームページを見てもらえるなぁ・・・と考える事も […]
ホームページと紙面で異なる！？写真のカラーモードについて
ホームページと紙面では色の再現方法が異なる 色には3原色というものがあり、「光の3原色・色の3原色」なんて聞いたことありませんか？ 美術の授業で教えてもらったアレです。 光の三原色はR（レッド）G（グリーン）B（ブルー） […]
WEBという媒体での乗算処理のあれこれ
色合いを掛け合わせる乗算処理 乗算といえば思い浮かぶのは・・・算数のかけ算でしょうか。画像加工での乗算も似たようなものです。 二つの画像を掛け合わせ、画像が重なった部分の色味を変化させる時に使います。 これがまた非常に便 […]
ホームページ制作で使われる単位「px」について
px（ピクセル）とはディスプレイの細かな点のこと Web制作の場面でよく使われる単位「px（ピクセル）」 よく聞くけれど、それはいったい何？何センチなの？といった疑問のある方も多いのではないでしょうか。 今回は「px（ピ […]
スマートフォンの画面で画像が汚く映る理由
スマートフォンの画面は高解像度 もはや身近になったスマートフォン、データ通信の速度も各段に早くなり、googleやyahooを使った検索もカンタンで常時インターネットに接続！なんて方も多いと思います。 ただ、時々表示され […]
デザイン
2017.11.17
あの雰囲気いいなぁと真似る時の注意点
雰囲気を真似する Webサイトでもチラシでも雑誌でも、作ろうと思った時に「あんな風にしたい」「あの雰囲気がいい」と思う事はあると思います。 そうした時にどうやったら似たような雰囲気が出るのかで困ってしまいますね。 とりあ […]
デザイン
2017.11.11
Yahoo!ショップ構築について（その2）
Yahoo!ショップのデザイン変更など、作業していて気が付いた事 編集モードは「通常モード」を選ぶ 独自の検索窓を設置する サブメニュー内の商品カテゴリに画像を適用させる 文字色変更について フリースペースの入力欄を設定 […]
