ホームページ制作 Archive

皆さんお疲れ様です。よんです。

台風18号が猛威をふるっていますね・・・。幸いこのあたり（広島県）はかすめるくらいで済んだのですが、他の地域はけっこうな被害が出ているようです。今回はかなり規模の大きい台風のようでしたし、今は関東あたりを少し過ぎたあたりでしょうか？とにかく被害が少ないことを祈ります。それにしても日本列島を縦断していくのは勘弁してほしいもんですね・・・。

さて、皆さんお気づきかもしれませんが、トップのイメージを新しいイラストに変えました！今月は10月なので、10月と言えば・・・ハロウィン・・・？

このイラストは、カメくんの生みの親である弊社の「kuwawa」さんに作ってもらいました。

ニシキのカメくんがジャックオーランタンの中で読書中・・・いいですね。

ハロウィン風なカメくんを作ってくださいと丸投げしてしまったんですけど、良いイラストを作ってもらいました（笑）

ありがとうございます。・・・よし。また投げてみよう。

kuwawaさんにはラフ画を書いてもらい、線画からスキャンまで担当してもらいました。以下がラフ画です。

取り込んだ画像からパスをおこし、色づけしてイラスト化。

最後に装飾して今のイメージになりました。このあたりは私がやったのですが、少しいじらせてもらったのは秘密です。（カボチャの汗とか・・・）

カボチャの色合いが意外に難しいものですね・・・赤と黒がハロウィンのイメージカラーということですが。

他にもいろいろ案を出してもらったのですが、上のイラストに落ち着きました。どれも面白いイラストなんですけど。

ここで少しご紹介しておきましょう。

カメくんの頭カボチャバージョン。これは「怖い」という一言でボツに・・・インパクトはあるんですけど・・・。

他にもいろいろな案を出してもらいました。

ジャックオーランタンに埋もれるカメくん。

黒マント着用のカメくん。魔法とか使えそうですね。

さて、今後もいろんなバージョンイラストを作っていこうと考えています。

・・・次は何にしようかな。

皆さんお疲れ様です。よんです。

さてタイトル通りなのですが、以前から少しずつブログのあちこちを修正したりしています。

デザインは全然いじっていないのですが、いろいろ表記を修正しています。

例えば記事の下の「comment」「trackback」の表記を「コメント」と「トラックバック」と日本語に直したり、「older」「next」を「前の記事」「次の記事」と日本語に直したり。それと記事タイトルの下に投稿者名を表示するようにしました。以前までは私ひとりの投稿だったので問題なかったのですが、今後は誰が書いたのか分かりにくくなってしまいますので。

表記の修正は、このワードプレスのテーマが元々英語の表記が多かったので分かりやすいように日本語の表記に直してみました。各所にそういう表記があったので分かりにくいかなと。ユーザーに分かりやすくするのは、ホームページ制作での基本ですね。

それから上にサイトマップのページを追加しました。このページは亀の日常茶飯事の全ページを一覧で見ることができます。ブログなので相当量の記事があるので全部見るのも大変ですが。カテゴリ順に表示されており、さらに記事投稿順になっていると思います。これもユーザーに分かりやすい構成に繋がりますし、SEO（検索エンジン最適化）対策の面でも多少は違うかなと。

ですが、カテゴリは「あいうえお」順なので現在は「アート」が一番上にきていますね・・・サイドバーに掲載しているカテゴリの順番とは異なります。自動生成なので仕方ないのですが。いずれ直さないといけませんね。

簡単な部分ですが、少しでも読みやすいように、分かりやすいように、これからも修正をしていきたいと思います。

全く話は変わりますが、気付けばエコなブログパーツが芽から苗木に！！ニシキの苗木は着々と成長しているみたいです。

ブログの更新が滞ると本当にしなっとなるみたいなので気をつけないと・・・。

そういえば「エコ」とか環境に良いキーワードが記事に入ると変わった成長をするとかなんとか。

・・・・・・・・・・・。

エコ（￣ ￣）ﾎﾞｿ

エコエコエコ（￣ ￣）ﾎﾞｿﾎﾞｿ

エぎゃー！？(・O゜)☆＼

すいませんでした。ずるしました。ごめんなさい・・・orz

いや・・・試してみたくなりますよね？

さて、今後さらに成長させていかないといけませんね。どのように成長していくのか楽しみです☆

皆さんお疲れ様です。よんです。

さて、今日はバナーをまた一つ制作してみました。と、言っても少し前にバナーのほうは先にアップしていたのですが・・・

先日、ブログの右メニューにニシキプリントメインサイトへのバナーを作りましたが、今日は印刷ページへのリンクバナーです。

まずは以前同様、簡単なラフを作成。

基本的に先に何を入れるかを決めておいて、そこからイラストレーターで肉付けしていきます。

最初のラフはあくまで参考です。もし、良いアイデアが浮かんだら後付けということも・・・（汗）

以前にバナー制作をした際に社内から、バナー制作は最初どれくらいのサイズで作るの？という質問が出ました。

基本的に私はピクセル単位の実寸で作っています。このバナーだと、横幅190px、縦幅55pxの枠を用意し、そこに素材や文字を入れていきます。大きいサイズで作るということもできないことはないですが、縮小段階で文字がつぶれたり、最初の見た目と若干変わってしまうことがあるので、最初からアップするサイズで作ると間違いはありません。

また、作るだけならIllustratorよりPhotoshopのほうが作りやすいと思います。私の場合はイラストレーターのほうがいろいろデザインがしやすいという点から使っています。

このバナーの素材です。

そして完成がこちらの画像になります。

次回はホームページ制作サイトへのリンクバナーを作りたいと思います。

皆さんこんにちわ。よんです。

さてタイトルにあるように今回はバナー作成を記事にしてみました。

ホームページなどには決まってあるものですね。

このサイトの右横に表示されていると思いますが、ニシキプリントメインサイトへの誘導バナーです。ここで誘導バナーと言ってしまうと元も子もないと言えばないのですが・・・

このバナーですが、作ってみるとなかなか奥が深いものです。

バナーの目的は、ユーザーが見て、そこをクリックし、先のページが見たくなるような魅力的なものに仕上げなければならない・・・とは言っても、実際に作ってアップし、どれだけクリックされたかなどの効果を見てみないことには分からないものです。

というわけで、このバナーの制作を簡単にご紹介します。

まずモックアップと言いますか、簡単に仕上がり図をラフで書きます（手書き）

そしてそれを元にパーツを準備。私の場合は、いつもAdobeのIllustratorで素材をいじくってます。

実際にはもっとたくさんいろいろなパーツ、アイコンなどを使って思考錯誤するのですが、とりあえず完成したもののパーツを掲載してみました。

そして完成がこのバナーです。

・・・読みにくいでしょうか？

バナーのサイズなどはそのサイトの表示する位置、幅で決まります。

今回は、このブログ横のサイドメニューに入れるということで、190px × 55pxで制作しました。

縦幅をもう数ピクセルあってもよかったですね・・・また修正するかもしれません。

小さい幅の中にどれくらいの情報量を入れるかというのも考えどころです。むしろ幅に合わせた文章作りをしないといけないでしょう。

別のバナーも制作中なので、またご紹介していきたいと思います。

ついにニシキプリントのホームページがリニューアルいたしました！

長かったです・・・まだ不十分な部分があるのは否めませんが、やっと本アップまでこぎつけました。様々な人の協力のたまものです。

さて、この大幅リニューアルに際して変わった部分をご紹介しましょう。

■ニシキプリントメインサイト
広島の印刷会社ニシキプリントは印刷から製本、ホームページ制作、電子ブック、デジタルサイネージとお客様の困ったにお応えします！
URL: http://www.nishiki-p.co.jp

　

このページは、以前のホームページをデザインから一新したものです。
URLはそのままなのですが、デザイン、ページ構成、コンテンツが様変わりしています。

内容は前回のものを流用している部分もありますが、ページは絞り込んで商品紹介重視のサイトに仕上げています。今後追加するコンテンツもありますので、ご期待下さい。

■ホームページ制作サイト
ホームページに満足してますか？ホームページ制作は広島のニシキプリントにお任せを！
URL: http://www.n-webcreate.com

　

リニューアル前はニシキプリントメインサイトの階層ページに公開していたサイトですが、このリニューアルを機にドメインを新しく取得して公開しました！

以前より見やすく、分かりやすいというコンセプトで制作しています。

■電子ブック（Digital Book）制作ページ
URL: http://www.n-webcreate.com/db01.html

弊社では新しく電子ブック制作というサービスも始めました！弊社でお作りいただいた印刷物、また、お受けしたデータを元に電子ブック（Digital Book）を制作させていただきます！

見たことがある方もいらっしゃると思いますが、電子ブックとはインターネットのブラウザ上で本のほうにページをめくるように閲覧が可能なコンテンツです。PDFだとブラウザの動きが重くなったり、表示が遅いなど、資料を見るには向いていないですが、この電子ブックだと軽快に動作し、なおかつ表示も早い。そして今まで課題だった、ブラウザからの印刷もきれいにできるようになりました。

もし、ご興味がある方は是非、ニシキプリントまでご相談下さい。

■デジタルサイネージサイト
URL: http://www.n-signage.com

さてこちらのサイトですが、弊社が新しく取り組みを始めている「デジタルサイネージ」のサイトです！

デジタルサイネージに関しては、ニシキプリントのメルマガでもご紹介していますので、こちらをご覧下さい。
ニシキプリントＮＥＷＳ vol.192「デジタルサイネージ」
URL: http://archive.mag2.com/0000095734/20090608080000000.html

デジタルサイネージの媒体（ディスプレイ）の販売と、表示するコンテンツの制作を承っています。導入の際には是非ご相談下さい！

以上のページをリニューアル、また新規追加しました。
今後もコンテンツ充実に力を入れていきたいと思います。