インタラクティブPDFでつくったインタラクティブPDFのつくりかた〜動画/音声再生・ページ効果編〜

ダウンロード

InDesignで動画や音声付きのPDFファイルの作り方を説明してます。サンプルもついています。紙の本では表現できない、電子書籍の魅力はこういった点にあると思うので、これから電子書籍の出版を考えている人には参考になると思います。

地域でメディアづくりをはじめよう

ダウンロード

１年間、ある地域のアートプロジェクトにデザインコーディネーターとして参加し、市民の方や、学生と一緒に、ウェブサイトをはじめ、メディアづくりを行ってきた筆者の体験談をまとめた本。いろんな人と協力して作り上げていく様子が説明されています。かわいらしいイラストも魅力。

WordPressで簡単ホームページ管理

ダウンロード

WordPressを使って記事やページの投稿の仕方を説明しています。カスタマイズではなく、「使い方」を中心に説明しているので、制作者よりクライアントに読んで欲しい本です。バージョンが少し前のものなのですが、まだまだ使えると思います。WordPressでサイトを作ったらこの本も一緒にクライアントに紹介してみるといいでしょう。

デザインレイアウトノウハウブック

ダウンロード

優先順位の付け方、グループ分け、余白の使い方などをサクッと紹介しています。再確認の意味もこめて、時々読み返してみるといいかも。

エリトア2011 3rd 冬 – フリーペーパー・エリトア

ダウンロード

「エリトア」は、アーティストが集まり自分達の作品や活動をより多くの人に知ってもらおうという目的で始まったフリーペーパー。イベントや展示の告知を始め、作品制作の現場などが紹介されています。普段アートに触れる機会がない人でも楽しめるような内容です。こちらからバックナンバーをダウンロードすることもできます。

Don’t Make Me Think

オリジナル｜日本語翻訳版｜一部の章をダウンロード

日本では「ウェブユーザビリティの法則」というタイトルで翻訳されているようです。海外では「ユーザビリティといえばこの本！」というくらい人気の一冊。私が今まで海外で立ち寄ったWebの学校や制作会社には、100%の確率でこの本が置いてあるほど。出版されて10年以上たっているようですが、その人気は衰えません。一部の章をPDFでダウンロードできます。もう一度じっくり読み直したいですね。

Getting Real

オリジナル｜日本語翻訳版｜ブラウザーで読む

Basecampで有名な37signalsが発行したビジネス本。いかにシンプルに、いかに素早く仕事をすすめるかについて熱く語られています。PDFは有料ですが、ブラウザーで読めるHTML版は無料で読めます。これもとても人気な本で、シドニーで働いていた会社の同僚は週末にこの本を一気に読み、月曜の朝突然「みんな聞いてくれ、俺は先週までの俺とは違う。フツフツと！ヤル気が！みなぎってるんだ！！」と人格まで変わっていました。オリジナル英語版も比較的簡単な英語で書かれているのでサクサク読み進められます（多分）。

Type Classification eBook

Webサイト｜ダウンロード

タイプフェイスについての本です。セリフ・サンセリフ・モダン・ゴシック・手描き風など、フォントの種類や表示例を紹介しています。紙面全体のデザインもかっこよく、英語の本ですが見て楽しめると思います。

How To Be Creative

Webサイト｜ダウンロード

英語の本です。クリエイティブに生きるとはなんだろう？インスピレーションって探して見つかるものなのか？などを26の項目に分けて完結に説明しています。各項目の見出しや時折出てくる力強い言葉がやる気を出してくれます。クリエイターじゃなくても読むと前向きになれそう。

その他、「無料で読めるプログラミング電子書籍52冊」では英語で書かれたプログラミング関連のコンテンツを読む事ができます（電子書籍として出版しているのではなく、ブラウザーで読めるコンテンツ多め）。いろいろ調べてみましたが、やはりまだまだ日本語の電子書籍は少ないですね…。先日発表された「iTunes U」を含め、今後日本語コンテンツが増えていくことに期待！

インスピレーションを探すお散歩のコツ

カメラ必須！

これはやる気の次に必要！素敵なデザインを見つけて、数日は覚えておけると思いますが、やはり人間は忘れていく悲しい生き物。写真にとって保存しておくと後から見返せるので、必ず持っていきましょう！店内が暗かったり、黄色っぽい照明を使っているところも多いので、その辺りを調整できるカメラがあると◎　また、店内の撮影を禁止しているところもあると思うので、確認＆他の方の迷惑にならないように気をつけましょう。

注目ポイント

街に出たらまずキョロキョロと辺りを見渡してみます。不審者に思われない程度のキョロキョロ感でよろしくお願いします。そこで目にとまった看板やロゴ、パネル、パンフレット、本などをじっくり眺めます。眺める時は以下のポイントに注目しましょう。

• 色の使い方（配色）
• タイポグラフィ
• 質感
• デザイン要素

触った時の質感を感じれるのはオフラインならでは。どんなデザインにどんなテクスチャを加えて質感を与えているのか、よく見ておきましょう。この時感じた印象は、そのままテクスチャ素材を使ってWebサイトの背景画像などに使えます。

デザイン要素とは、「デザインの要素と原則」で紹介したスペース・線・バランス・形などのことです。記事を読んで、デザイン要素の基本をざっくり覚えてデザインを眺めると、また違った視点で観察することができます。

メモをとる

上記の注目ポイントを書き留めておくために、メモ帳とペン、またはiPhoneやiPadなど、メモを取れる環境を用意。その時感じた印象も時間がたつごとに薄れていってしまうので、その場でメモをとるといいですね。私はiPhoneアプリのEvernoteを使ってメモをとっています。

お散歩にでかけよう！

という事でこの日は私の住んでいるバンクーバーのダウンタウンを散策。ほぼ毎日とおる場所ばかりですが、今日は「インスピレーションを求めて」のお散歩なので、いつもとは少し見方を変えて歩きますよ！

駅から出るとFedEx号発見！FedExのロゴは「E」と「x」の間のスペースを使って矢印を表しているのです。昔お散歩している路上でFedEx号を見た時にこの事に気づきました！お店や車にあるロゴに注目するのもいいですね！

服屋さんで

まずはMEXXの店頭ディスプレイ。オレンジはポップで明るいイメージが強いのですが、黒と合わせるといい具合にシックにまとまりますね。この配色いただき。

続いてBCBGMAXAZRIA。ディスプレイ全体がタブレット風になってます！これは面白いアイデア！

こちらはHOLLISTERのお店の前。HOLLISTERのWebサイトは店内のデザインとかなり合わせていました！店内で使われている壁紙と同じ模様をサイトの背景画像に使っていたり（店内は暗すぎて写真撮れなかった…）。Webサイトを制作する前のブランディングをしっかりする必要がありますね。

Bench.の店頭パネル。斜めに配置されたネガ風写真がかっこいいですね。

Bench.のパーカー。この模様は背景画像に使ったらかっこよさそうだなあ。

ギラギラっぷりすごいｗ グラデーションとこのギラギラをうまくPhotoshopで表現できればアクセントになりそうだなあ。

雑貨屋さんで

ベビー用品を置いているコーナー。ベビー用のデザインはパステル系のかなり淡い色が使われる確率高い！

レタープレス加工をしたスケジュール帳。レザーの質感と曲線を用いた模様、彩度の低い色合いでエレガントなデザインに仕上がっています。レザー＋レタープレスは見出しにうまく使えそう。

キャンドルと文字を組み合わせて、ヘッダー部分にどかーんと置くとインパクトありそう…。

文具屋さんで

大好きなグリーティングカードコーナーへ。こんなオリエンタルな雰囲気の配色は使った事がないのでいい刺激になりました。今度試してみよう。

細かい線と色合いが綺麗なカード。こういった細かい線は手描き風で、少し歪ませた方が味があっていいですね。これは背景画像だけでなく、ちょっとしたアクセントに使えそう。

本屋さんで

大胆なタイトルの配置がパッと目につきますね。ざらついた質感がいい感じです。こんなファーストビューのサイトもいいなあ。（Fingerprint No. 2: The Evolution of Handmade Elements in Graphic Design by Chen Design Associates）

黒＋アクセントの赤がかっこいい！ラベルを斜めに貼りつけた感じはサイトの見出し部分に使えそう。（Thirteen Reasons Why by Jay Asher）

木目＋手描き風イラストで温かい雰囲気が漂っています。（Where Things Come Back by John Corey Whaley）

曲線をうまく使ったタイポグラフィがいいですね。（Willie’s Chocolate Bible by Willie Harcourt-Cooze）

家具屋さんで

白をベースにベージュ＋淡い水色で優しい雰囲気の配色に。家具屋さんは１つのテーマに沿った配色の家具や小物をうまくまとめて展示しているので、見ていて楽しいですよ。

お散歩中に役立つiPhoneアプリ

Evernote

見つけた素敵なデザインの写真はEvernoteにストックしておくと便利！Evernoteアプリがあればメモも一緒に書いておけるので、その時受けた印象をその場で保存することができます。「WebデザイナーにおすすめのEvernote活用術」では主にWebサイトのデザインの保存方法を紹介していますが、オフラインで見つけたデザインも同様にタグをつけて保存しています。

ColorSchemer

「WebデザイナーにおすすめのiPhoneアプリ21」でも紹介したアプリ、「ColorSchemer」。写真から色を抽出して配色パターンを作成する事ができます。色が綺麗なデザインや風景に出会えたらぜひ使ってみてください！

いかがでしたか？一人でお散歩だと自分の世界に入り込めるので私は好きですが、同じようにインスピレーションを求めているお友達とあーだこーだ言いながらお散歩するのも楽しそうです！

今回はバンクーバーでいう街の中心部のお散歩でしたが、違うエリアには違った雰囲気のお店がたくさんあります。また、公園や山・海などの自然から得られるインスピレーションもたくさんあります。どこの地域でもきっとそうですよね？ちょっと視点を変えるだけで見慣れた風景もがらりと変わりますよ！さぁ、皆さんも今直ぐカメラを持ってインスピレーション探しの旅にでかけましょう！

Web制作会社のサイトの特徴

Web制作会社のポートフォリオサイトを眺めていて、いくつか発見があったのでまとめてみます。

制作実績

多くの会社がjQueryなどを使って動きをつけて作品を紹介していました。また、以下の情報を載せているサイトが多かったです。

• スクリーンショット
• クライアント名
• 制作したサイトの簡単な説明文（長過ぎ注意）
• いつ制作したのか
• WebサイトURL
• クライアントからの感想

こちらのサイトではWebサイトを動画で見ることができます。見どころをしっかり抑え、jQueryなどのアニメーションもその場で見ることができるので、動きのあるWebサイトを紹介する際には特に効果がありそうです。

お問い合わせフォーム

お問い合わせフォームに制作依頼内容、予算などを加えている会社も多く見られました。依頼専用フォームと質問・意見用フォームでわけて、ザックリでいいので依頼内容を書いてもらえば、ムダが省けたり、最初からスムーズにやりとりできそうですね。

制作依頼内容、予算、ページ数、希望製作期間などが送信できるようになっているサイトもチラホラ。

ブログ

ブログは必須ではないと思いますが、ブログを書いている制作会社が多い気がします。内容は基本的にはWebサイトやサービスの新着情報ですが、中には制作したWebサイトやマーケティング戦略のケーススタディを公開している会社もありました。具体的には、以下の内容をまとめていました。

• 制作したWebサイトの概要
• クライアントからの要望
• 制作したWebサイトの見どころ
• 実際に行ったマーケティング概要
• 結果（アクセス解析）
• クライアントからの感想

Radiumのブログでは実際にしたデザインの過程をワイヤーフレームから紹介したり、マーケティングで使っているツールの紹介、ROIの計算方法など、制作者の勉強にもなる記事を公開しています。

Icelabのブログでは実際に製作中のアプリの製作過程を記事で紹介しています。コードを書いて説明もしています。アプリ公開後ではなく、製作途中に書いていってるのが興味深いですね。

遊び心

Web制作会社のサイトでは細かい所に仕掛けがあったり、思わず眺めてしまったりという「小ネタ」が仕込まれていたりします。自社サイトということもあり、自由に仕込めるんでしょうねｗ

作品一覧のサムネイル画像にマウスオーバーすると「Luv This!（いいね！）」がクリックできます。クリックすると下からニョキっとコンタクトフォームが現れ、どのサイトにいいね！したのかを送信する事ができます。これからWebサイト制作を依頼しようとしているクライアントがどんなデザインが好みなのかがわかるいいアイデアですね！

ゴリラが現れたり。

フッターで「London Baby!」と叫んでみたり。

マフィアに殺されそうな人を発見したり。

Web制作会社のポートフォリオWebサイト

私が見ていて「お！」と思った素敵なデザインのWebサイトをいくつか紹介します。ざっくりカテゴリー分けしてみました。

シンプル＋ビビッドカラー

1. Unfold（ノルウェー）

スクロールする時の動きがおもしろい！しかも無限ループです。斜めの線の使い方が素晴らしい。

2. Moovents（イタリア）

「M」の字を動かしてお花のような模様にしています。さらにカラフルな色を足してパララックス効果で動かしているところにクリエイティブ性を感じますね！

3. 2am（UK）

かわいらしいイメージのあるピンクも、モノクロ＋彩度の高いピンクだとこんなにかっこいいデザインに仕上がります。

4. tme solutions（UK）

どのカテゴリーにするか悩みました…。なぜなら見るエリアによってデザインが違うからです。手描き風だったりクールな印象だったり。ナビゲーションメニューが上からびよーんと現れるのもおもしろい！いろんなところにユニークなアイデアが仕込まれています。

5. Uber（UK）

フルスクリーンの背景画像が迫力あります。「Showreel」のページではさらに迫力のあるフルスクリーンのプロモーションビデオが見ることができます。

6. Blurb Creative（UK）

暗めの色合いの中で浮かび上がるビビッドな色が特徴のデザイン。背景の模様も好きです。半透明のボックスを少しずらして変化をつけています。

7. The Creative District（アイルランド）

ピンクを使っていますが、セリフフォントを使って大人っぽいイメージにまとめています。

ミニマル

8. enjoythis（UK）

とってもシンプルなデザインの中で手描き風のロゴがかわいらしさ・素朴感を演出しています。

9. DRAFT（日本）

ウィンドウのサイズによってカラム数が変わるレイアウト（可変カラムと言うんですかね？）が素敵なWebサイト。ぜひウィンドウのサイズを変更してみてください！

10. Birch Studio Ltd（UK）

上部の横長に広がる作品写真が特徴。他をシンプルに抑えている分、余計目立ちますね。

11. Erskine Design（UK）

ところどころ手描き風のデザインも加えていますが、色味を抑えている分大人っぽく仕上がっています。

12. TH= SUM（カナダ）

色を一切使わない、モノクロオンリーのサイト。シックな雰囲気のなか、イラストがアクセントになってかしこまりすぎないデザイン。

13. Tokyo Digital（UK）

イギリスにあるのにTokyoという不思議な名前の制作会社。グリッドベースの整列されたデザインが特徴。

イラスト

14. Pieoneers（カナダ）

ホームのポップなイラストはもちろん、各ページにある手描き風の大きな見出しイラストもインパクト大！

15. Creative Spark（UK）

ビビッドな色と不思議系キャラクターがインパクトのあるサイト。Webだけでなくプリントデザインも素敵な作品ばかりです。

16. Orange Label Design Studio（UK）

カラフルなドット絵が特徴のWebサイト。マリリン・モンロー、マフィアに今にも殺されそうな人、おっぱい丸出しのおねーちゃんなど、細かいところまでよく見てみるとおもしろいです！

17. Radium（US）

Web制作ではなくインターネットマーケティングの会社ですが、好きなデザインのサイトなので一緒にご紹介。イラストやカラフルな色使いが印象的です。

18. Studio 7 Designs（カナダ）

シロクマさんやオーロラ、トーテムポール、レイヴンなど、カナダらしいイラストが散りばめられています。イラストを使ったデザインが得意のよう。

19. WitFlow（ポーランド）

ベージュ×青緑の配色が個人的に気に入りました。シャドウやグラデーションを使わずに表現した3D風ボックスがかわいらしいです。

20. Actual Size Creative（US）

スクロールや開閉するコンテンツのアニメーションが特徴。ゴリラが登り降りしたり、住所にわざわざ「アメリカ　地球」と書いちゃうところに遊び心を感じます。

21. Local Wisdom（US）

シャドウをうまく利用して奥行きが感じられるデザイン。色使いも個性的です。

テクスチャ

22. Marah Creative（US）

わずかなテクスチャ感と、ホームのイメージやフッターのリボンについたシャドウのつけ方が上手！

23. Amazee Labs（スイス）

テクスチャとイラストが素敵にマッチしています。大胆な色使いやタイポグラフィもうまくまとまっていますね。

24. Kooba（アイルランド）

紙をちぎったような質感や水彩画のようなエフェクトが美しいサイト。

25. Goldenboy（UK）

かっこいいイメージになりがちなグランジ風デザインも、色を押さえることでどこかクラシカルな雰囲気に。

手描き風

26. 株式会社ブラン（日本）

チョコチョコ歩く女の子と手描き風のデザインがかわいらしいサイト。

27. Icelab（オーストラリア）

目の覚めるような鮮やかな水色とかわいらしいイラストが特徴のサイト。赤がアクセントになって引き締まっていますね。

28. Carsonified（UK）

手描き風イラストや２色のみを使った配色、タイポグラフィ、大胆な配置など、見ているだけで楽しくなるようなサイト。

29. Pixel Thread（UK）

手描き風のロゴや木目調の背景、色合いがとっても温かみがあります。

クール

30. MetaLab（カナダ）

前の記事「少しの手間で大きく変わる、細部にこだわったWebデザインを」でも紹介した、1pxのラインをうまく取り入れているWebサイト。カナダの会社とは知りませんでした！

31. FLIPP Advertising（カナダ）

「What we do」ページのパイチャートを使ったサービス紹介の仕方がおもしろいですね。

32. Invoke（カナダ）

こちらも「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介しました。深みのある赤がかっこいいですね。

33. Paramore（US）

各ページわずかなアニメーションがシンプルでかっこいいです。社内写真も公開していて、思わず「こんなところで働きたい！」と思ってしまうかも。

34. formoda（UK）

制作実績のページではその作品に合わせて上部背景画像が変わります。こだわってますね！

35. Abstraktion（UK）

黒×赤はやっぱりかっこいいですね！矢印キーで操作できます。

いろいろ見てみましたが「このサイトこの国だったんだ！」なんて発見もたくさんありました。あ、こっそり国をメモしているのバレちゃいました？そもそも「次はどこの国に住もうかなー？せっかくだからおもしろいWeb制作会社が多い国がいいなあ！」と思ってWeb制作会社のWebサイトを探し始めたのがきっかけなのです。で、150社以上Web制作会社を見てみましたが、その約４割がイギリスの制作会社のデザインでした…！次行く国はイギリスで決まりですかね！

データ入稿ガイド

今回紹介する印刷会社さんはすべてデータ入稿可能です。どの会社もデータ入稿専用のテンプレートが用意されているので、ダウンロードしてデザインします。用紙やオプション加工によってテンプレートが異なる場合があるので注意。データの種類や対応バージョンも事前によく読んでおきましょう。また、どの会社も用紙やオプション加工の無料サンプルを注文できるので、デザインし始める前に質感などの確認をしておくといいでしょう。

データ入稿時の注意点

• 文字やロゴは仕上がり線の3～4mm以内に配置
• 文字はアウトライン化する
• カラーはCMYKで指定
• 画像や写真は300～400dpiの解像度で埋め込む
• 20%以下の塗りは均一な塗りとはならないので注意
• 孤立点や空テキストは削除する

その他Webサイトに記載されている注意点をよく読んでデータ入稿してください。

印刷会社さんいろいろ

SuperPrint

SuperPrintではきらきらと輝くパールの入った用紙や糸くずの入った用紙など、様々な特殊用紙を扱っています。環境に優しい非木材紙ケナフを使った用紙もあります。クライアントから名刺デザインの依頼があった時は、最近はここをよく利用しています。データ対応バージョンはIllustrator 8〜CS4。

私はいつもこちらにお世話になっているので、注文時に紹介コード「82901998」を入力すると５％割引になります！

用紙・特殊加工

• 特殊用紙
• 非木材紙
• 透明
• スジ入れ
• 角丸（角度指定不可）
• 型押し（レタープレス）
• カラーエンボス
• 箔押し（金・銀・黒・ホログラム）
• ミシン目
• 変形
• 切り抜き

UV×Design｜大同印刷所

UV×Designは「UV×Designさんの名刺の特殊印刷をためしてみたよ」という記事で知りました。和風用紙、ざらざらとした質感のある用紙、キラキラ光沢のある用紙など、とにかく特殊用紙の種類が多い印刷会社さんです。通常時は透明で、ブラックライトをあてると発光するブラックライトインキを使うこともできます。データ対応バージョンはMac：Illustrator 5.5J～CS3・Photoshop 5.5J/CS3、Win：Illustrator 10.0J/CS3。

用紙・特殊加工

• 特殊用紙
• 透明・半透明
• ブラックライトインキ
• 角丸（3mm, 5mm, 7mm）
• スジ入れ

BUSINESS名刺印刷所

こちらBUSINESS名刺印刷所で扱える特殊加工の目玉は、なんといっても香りつき加工！約半年持続する香りを用紙にプラスすることができます。視覚だけでなく嗅覚でも楽しめる名刺が作れちゃいます。デザインテンプレート有り。データ対応バージョンはIllustrator 9。

用紙・特殊加工

• 香りつき
• 型押し（レタープレス）
• 箔押し（金・銀・赤・青）
• 変形
• 切り抜き

YMCard

私の名刺はこちらのYMCardさんで注文しました。透明以外にもシルバーやゴールドのプラスチック用紙があります。データ対応バージョンはIllustrator CS3以下。

用紙・特殊加工

• 特殊用紙
• 透明
• スジ入れ
• 角丸（角度指定可）
• 型押し（レタープレス）
• 箔押し（金・銀・黒・赤・青・緑）
• ミシン目

私、Manaの名刺です。

印刷屋さん にぶんのいち

印刷屋さん にぶんのいちには桐（木目）や手漉き和紙、透明なラメ入り用紙など、個性あふれる用紙があります！スタンダード名刺はデザインテンプレート有り。データ対応バージョンはIllustrator CS3以下、JPEG、PDF。

用紙・特殊加工

• 特殊用紙
• 透明
• 角丸

ecobe!(エコビー)

ecobe!(エコビー)はエコ活動をしている企業におすすめの印刷会社。ケナフをはじめ、バナナ、竹、桜などの素材を使った名刺が作れます。点字加工も可能。デザインテンプレート有り。データ対応バージョンはIllustrator 10以下。

用紙・特殊加工

• 特殊用紙
• 非木材紙
• 点字
• 角丸
• 変形（欧米サイズ：89x51mm）

タベルメ

タベルメではなんと、落花生に印刷することができます！ロゴを入れることもできるようです。賞味期限は約90日。

用紙・特殊加工

• 食べられる

特殊用紙や特殊加工を使った名刺いろいろ

用紙や加工をうまく利用してデザインされた名刺のまとめです。デザインを考え中の方の参考になれば幸いです！

• 50 Fresh Letterpress Business Cards – 型押加工された名刺デザイン50
• 30 Clever Business Cards Designs You Will Ever See – アイデア満載の名刺デザイン30
• Neat and Cool Collection of Black and White Business Cards – かっこいいモノクロの名刺いろいろ
• 50 Examples Of Cool Business Card Designs – クリエイティブな名刺デザイン50
• QRコードをうまく使った名刺デザイン40パターン

名刺デザインのアイデアは浮かびましたか？過去記事「国内Web業界で活躍する方の素敵な名刺デザインいろいろ」も参考にしてみてください。人とは違う名刺で相手に印象づけましょう！

どこか懐かしさも感じるWebサイト

1.【閲覧注意】激安　格安　爆安ホームページ制作屋

WebクリエイターボックスのTwitter 人気のつぶやき 2010年 トップ30で見事3位に輝いたWeb屋さんのサイト。離れて見ても体に悪影響を及ぼしかねません。

» 激安　格安　爆安ホームページ制作屋

2.【閲覧注意】ACCEPT JESUS, FOREVER FORGIVEN!

レインボーの背景が横に高速で流れていきます。ずっと見ていると異世界へ迷い込みそうです。左下の猫ちゃんはなぜ逆向きに走っているのでしょう。

» ACCEPT JESUS, FOREVER FORGIVEN!

3. Dinesh’s Personal Home Page

かわいらしいニコちゃんマークの背景がポイント。もはやどこに文字があるのかわかりません。

» Dinesh’s Personal Home Page

4. 愛生会病院

海外のブログなどでも紹介されている有名なサイト。内科・小児科・産婦人科のサイトです。招き猫ちゃんが目を光らせながら心から歓迎してくれます。

» 愛生会病院

5. ナイトウ薬局

薬局のサイト。なにかが画面上をふよふよただよっています。チカチカ光っているピンクと黄緑のバナーは凝視すると目がやられます。

» ナイトウ薬局

6. 愛の妖精ぷりんてぃん

なんと！こちらで紹介されているキャラクターは著作権フリーで、商用利用を含め無料で利用できるそうです！かわいいイラストをあなたのWebサイトでも使ってみましょう！

» 愛の妖精ぷりんてぃん

7. Motor Yacht for sale, Wolfgang Ingenfeld

【音注意】ダークな雰囲気漂うサイト。とにかくいろんなものが目まぐるしく動いています。永遠に続く横スクロールも必見。

» Motor Yacht for sale, Wolfgang Ingenfeld

8. Yvette’s Wedding Dresses

【音注意】ウェディングドレスのWebサイト。素敵な配色で文字が乱立しています。背景画像も気になるところ。

» Yvette’s Wedding Dresses

9. css Zen Gardenサンプル

同じHTMLファイルを使ってCSSと画像を変えていろんなデザインを作ってみよう！というcss Zen Gardenの作品のひとつ。おじさまの首が大変なことになっています。

» css Zen Gardenサンプル

10. セキュール

【音注意】懐かしい感じの音楽が流れます。少しクリックしずらいですが、写真クリックでメイン画面へいけます。メイン画面の配色にも注目。

» セキュール

おまけ

Geocities-izer

WebサイトのURLを入力するとそのサイトを1996年風のデザインに変えてくれるWebサービスです。かちびと.netさんが「あなたのサイトを酷いデザインに変えてくれるWebサービス」という記事で詳しく紹介してくれています。あなたのサイトや大好きなあのサイトを素敵デザインに変えてみましょう！

Geocities-izer

「こんな素敵なWebサイトもあるよ！」というのがあればぜひ共有してください :)