バナー画像を追加 サムネールからアップまで

お店の集客ツール活用支援をアピールするために
ホームページにバナー画像を追加しようと思う。
サムネールというのは頭の中に思いついたアイディアやレイアウトなどを
簡単に紙に書き留めたものです。

サムネール
サムネール

サムネールでだいたいこんな感じと決めておいて、あとは作りながら修正します。
イラストレーターで作り始めます。
サイズは940×300pxですからガイドラインを引いておきます。
左側に文字を入れ、右側に挿し絵を描いて入れていきます。ほとんどサムネールのままですね。

 
色を少し変更する事にしました。背景をロゴと同じ色に。黄色を入れて目立つように。並べて本当にこれでいいか比較検討します。

 

 

 

 

 

決まったデーターをPhotoshopに持っていき(コピー&ペースト)画像にします。Photoshopで940×300pxの新規画面を開いて、イラストレーターのデーターをコピペします。これをpng形式で保存すればホームページに張り込む画像ができ上がり。あとはhtmlを修正して画像と一緒にサーバーにアップ、ホバーなどの後処理を施せば終わりです。

ホームページのリニューアル

もう、ほぼ毎日いじってます。ホームページ。

集中してやらないと時間がかかりますね。しかも、自分のだから誰からもNGが来ない。すると、かえっていじり倒す結果になって時間がかかります。

長い目で見てやってくださいね。

http://magic-design.org/

HPにgoogle mapを埋め込む方法

前にもやったのに、すぐ忘れてしまいます。

まずはgooglemapで表示しい地図を出します。今回は自分のgoogleakアカウントで登録してある会社のマップを保存。そのマップをHPに表示します。

詳しい方法は https://support.google.com/maps/answer/72644?hl=ja に書いてあります。

サイドバーの右上に鎖マークがあるのでクリック。

 

 

 

 

 

HTMLコードがでてきますので、貼り付ければ終わりです。

 

 

 

ホームページのお仕事

今年の初めからはじめたホームページのお仕事も、ほぼ終了というところまできた。約半年のお仕事。

もともとはグラフィック専門で四半世紀仕事をしてきた。ホームページも紙も、デザインを作る上での考え方は一緒だろう!と思っていたが、う〜ん、一緒ではあるが一緒ではない。この辺、うまく説明しているページなんかないですかねぇ。

やっぱり、見る人の行動(アクション)による違いが一番大きいのかなぁ。

例えばサイドスペースにあるバナー広告なんてのは、週刊誌のつき出し広告と全く同じです。あれをオーダーにより、紙っぽく作るかwebっぽく作るかの違いな気がしますね。

でも、例えばトップページ。960px×○○pxの画面があります。それをポスターやビルボードのようにレイアウトしても次の(目的の)ページへ誘導は出来ない。雑誌ならめくる行為しかないけど、ホームページは盛りだくさんだから、目的のページにはいろんな行き方がある。それをうまく湯どうしつつ、デザインをよくするってことでしょうか?

WEBデザイナーの方からは反論がありそうですね(笑)

web制作例画面

Proudly powered by WordPress | テーマ: Baskerville 2 by Anders Noren

ページ先頭へ ↑