Home > ウェブ制作 > デザイン Archive

 

デザイン Archive

WEBデザインに便利な世界地図

  • Posted by: HAKK
  • 2009年6月10日 18:11

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

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

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

「古代の黄金文字」っぽいのをPhotoshopで作ってみた。

  • Posted by: HAKK
  • 2009年6月 9日 16:34

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

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

古代の黄金文字

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

  • Posted by: HAKK
  • 2009年6月 9日 14:31

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

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

詳しくは以下。

》続きを読む

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

  • Posted by: HAKK
  • 2009年5月29日 16:40

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]

  • Posted by: HAKK
  • 2009年5月29日 00:38

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

  • Posted by: HAKK
  • 2009年5月22日 14:25

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

 

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

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

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

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

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

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

》続きを読む

グラデーション画像(ボタン・アイコンなど)の作り方〈初心者向け〉

  • Posted by: HAKK
  • 2008年4月12日 23:13

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

こういうの。

14.jpg

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


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


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

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

》続きを読む

全ての記事

Home > ウェブ制作 > デザイン Archive

Search
Feeds

Return to page top