デザイン Archive

Colissで便利なベクターデータの世界地図が紹介されていました。

WEBデザインをする際、結構こういう地図のベクターデータ素材が便利です。
http://dezignus.com/vector-world-map/

世界地図よりも日本地図を使う割合が多いと思いますので、
日本地図も検索して調べてみました。これは便利です！世界中の地図がありますよー。
http://freemap.jp/

Photoshopで古代の黄金の文字を作る方法 / ウェブデザインライブラリー
http://www.webdesignlibrary.jp/2009/06/ancient-golden-text.php

これを見て、Photoshopで作ってみましたー。
ちょっと「c」の文字とか見えにくいので、あまり上手くできなかったかも。

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

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

詳しくは以下。

》続きを読む

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
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デザインをする人はかなり便利で、重宝します。

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

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

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

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

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

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

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

》続きを読む

立体感のある画像の作り方を書きます。

こういうの。

ボタンやアイコンを作るときにも十分応用できるので、
形や色を変えて、いろいろ作成してみると良いです。

制作環境は
Apple Mac OS X（10.4.11）
Adobe Illustrator CS
dobe Photoshop CS
とちょっと古め。

内容は超初心者向けに、
ちょっと細かい書き方をします。

わかりにくければ、コメントください！

》続きを読む