デジタルマーケティング/Web

WEB制作における画像作成で超基礎的なコト。

WEB制作の現場で、画像作成をする上で超基礎的なことです。
WEBデザインにかじりたての方、DTPデザイナーに送ります。

  • 画像の解像度は72dpi
  • 色はRGB形式
  • ファイル容量は軽く
  • 画像サイズの指定は、画像編集ソフトで行う。

詳しくは以下。

続きを読む

HTMLタグの閉じ忘れ、配置に注意!

さっき元同僚とスカイプでワカラナイと言うところをチェック・レクチャーしたので、
役に立つかなと思い、久しぶりのWEB制作記事。どちらかというとHTML初級者向です。

HTMLタグの閉じ忘れ、配置に注意!というタイトルのとおり、
HTMLタグの閉じ忘れや配置の間違いがあると、
ウェブサイトのレイアウトが崩れてしまったり、
表示がおかしくなっているなどの現象が起こります。

HTML(xHTML)というのは、タグのほとんどが対の関係になっています。

例えば、

<div>〜〜〜〜</div>

<a href="http://www.webbyrock.com">WebbyRock</a>

と言ったようにです。

以下、閉じ忘れと配置の間違いについて説明します。

続きを読む

優れた購入プロセスをデザインするための12のTips

ECサイトでのコンバーション率(成約率)を改善するために
とても役に立つTipsが紹介されていました。

12 Tips For Designing an Excellent Checkout Process/SMASHING MAGAZINE
http://www.smashingmagazine.com/2009/05/28/12-tips-for-designing-an-excellent-checkout-process/

以下、最低でもここらへんは必ずおさえた方が良いですね

  • 購入プロセスでショップ会員登録をさせない
  • 簡単に注文を修正できるようにする
  • 前ページやトップページなどに戻るボタンを設置する
  • 買い物プロセスのどこにいるかを表示する
  • シンプルなインターフェース
  • ユーザーが購入プロセスからはずれないようにする
  • 商品が届くまでに何日かかるか明示
  • 買い物終了後に何が起こるのかを明示
  • 購入内容の確認メールを送る

Checkout pages galleryはユーザービリティ改善やデザインの参考になりますね。

WEBデザイナー必見!Photoshopレイヤースタイル[DesignWalker]

WEBデザイナーは必見です!

Photoshopレイヤースタイルいろいろ | DesignWalker
http://www.designwalker.com/2009/05/photoshop-layerstyle.html

いつもチェックしているブログDesignWalkerで、
Photoshopレイヤースタイルが紹介されていました。

僕も220 Amazing Free Photoshop Layer Styles
Ultimate Web 2.0 Layer Stylesあたりは使っています。

面倒なグラデーションボタンのデザインがポチッと一発で適用出来ます。
PhotoshopでWebデザインをする人はかなり便利で、重宝します。

オススメのサイト:Webデザインポータルサイト S5-Style

昨日1日ブログから離れていましたー。
運動不足なのに、自転車で往復20キロを走り、足がガクガクブルブルでした(笑)
札幌は夏日だったので暑いけど、自転車で走るのは気持ちよかったですよ。

 

さて、今日のブログ1発目はオススメのサイトの紹介です。

Webデザインのリンク集 Webデザインポータルサイト S5-Style
http://bm.s5-style.com/

このサイトの特徴は、このサイトの管理人さんが良いと思った
デザインのウェブサイトを紹介しているだけです。

WEBデザインの参考になるウェブサイトを探すときに重宝しています。

デザイン要素以外にも、レイアウト、ウェブサイトの構造、導線、
キャッチコピーなども注意深く確認しています。

僕はこのサイトをチェックしているときに
気になるサイトはブックマーク(お気に入り)に入れてます。
そして、実際に制作するときに、参考にする感じです。

続きを読む