最近、英語圏のサイトを中心にたくさんのウェブサイト見るのですが、

商品タグというのでしょうか？タグをデザインに使われているサイトをよく見かけます。

ロゴの部分に使っていたり、メニューに使われていたり。

デザイン的に少しアクセントをつけたい時には、結構使えそうですね。

本日は、そんなタグを上手に使われているウェブサイトをいくつか集めてみました。

Capture the Valley

Grafik a webdesigner Jakub Krčmář

SOUL SURVIVOR

Modern Arboricultural Services

HSBC

Inspire Image Design Labs

SimoneStudio

Big Sweater Design

Larissa Meek

David Hellmann

Crocevia Associazione Culturale

Adventure Trekking in Nepal

ShopMoss.com

The Official Blog of MINDTWITCH Interactive

Robin Edizioni

Bali Web Design studio

Cacties

FortySeven Media

happilyunmarriedeverafter.com

blog || mno

今回は、stock.xchngから、無料で使える、タグの写真素材もいくつか探してみました。

画像をクリックすると、stock.xchngにリンクしてます。

サインアップしてダウンロードしてみてくださいね。

このあたりの素材を加工すれば、いい感じになるのではないでしょか？

ブログやサイトをデザインする際、おそらく最初に悩むレイアウト。

どの要素をどの位置に配置するか？いろいろと悩んでしまいますね。

っちゅうわけで、本日はブログやサイトデザインに使えるレイアウトをまとめてみました。

【レイアウト・サンプル】

まずは、レイアウト・サンプル集。基本はこちらからどうぞ～。

1. CSS Layouts – Code-Sucks.com

2. NEW dynamic basic CSS TEMPLATES 07 | intesivstation

3. Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!

【マガジン・スタイル】

なんだか、最近流行の？マガジン・スタイル・レイアウトのサンプル集。

4. 11 Free Magazine Style WordPress Themes | Epic Web Strategies

5. Creating a Magazine Style Theme – Learn by Example | Design Adaptations

【水平分割・スタイル】

こちらも最近よく見かける水平分割・スタイルのまとめ。

6. Analysis of Web 2.0 Design & Layout Trends – Part 1: Clean, Colorful and Horizontally Divided | StyleIgnite

先に大枠を決めて、順番に要素を配置して、色や飾りつけをして完成～！っと簡単に行けばいいのですが。。。

わたくしがこちらアメリカに来てから早いもので、丸6年が経過。先月7年目に突入してしまいました。。。

6年もこちらにいると、日常生活ではそれほど困ることも無いのですが、仕事でアメリカ人と対等にやり合うには、まだまだ不安がございます。。。

毎日のように『あぁ～もっと英語勉強しないとなぁ。。』っと凹んでおります…

わたくしが現在生息しているロサンゼルスにはメキシコ人やら、韓国人、中国人などなど、世界中のさまざまな国から移民していて、街を歩けば英語だけじゃなく、さまざまな言語が聞こえてきます。

たくさんの言語を話せると、それだけ多くの人たちと意思疎通できるので、楽しいですよね。。

っちゅうわけで、本日は無料で楽しく外国語が学べるサイトをいろいろまとめてみました。

1. Mango Languages

いろいろな言語がレベルに分かれて、音声を聞くことができます。デザインもきれいですね。

2. Livemocha

『外国語を学ぶ』に特化したSNS

3. FriendsAbroad

こちらのサイトも学びたい言語を選択して世界中の人たちと友達になれそう。

4. Language Exchange Community

同様に、話せる言語と、学びたい言語、国、年齢を入力して検索できます。

5. BBC Languages

イギリスのBBCが提供している外国語学習ページ。

6. Foreign Language Lesson Podcast Collection

Podcastで外国語を勉強中の方はこちらから。

7. Free Online Language Courses

無料のオンライン外国語コースのまとめページ

こちらから、英語だけですが・・・

8. English as a Second Language Podcast

Podcastで英語を勉強中の方に。

9. UsingEnglish.com

こちらも英語を勉強するための素材がいっぱい。

10. BBC Learning English

イギリスのBBCが提供している英語学習ページ。

いろいろあるものですね。とにかく言語学習は続けることが大切ですね。

どれから始めようかな。。

先日、はてなさんから公開されたRimoのように、Wiiリモコンでも操作しやすい、Wiiユーザーを意識した？（もちろん普通にパソコンからでも見れます。。）大きめサイズのサイトが続々と公開されているので、面白そうなサイトをまとめてみました。。

Wiiって日本ではどうなのでしょうか？？こちらアメリカでは、まだまだ品薄状態なようで。。。（社長が個人的に買ったのでちょこっと遊ばせていただきましたが。。。）

1. Rimo

先日、はてなさんから公開された、Youtubeの人気動画をつなげてるサイト。操作もシンプルでなかなかいい感じですね。。
TVをつけてダラダラ観てる感じがお好きな人には。。個人的には②のお笑いチャンネル？をダラダラ観てたい感じ。。

2. wiitoob

こちらも、Youtubeの動画をWiiで観やすいように作られたサイトですね。Rimoと違って、観たいものを自分で選びたい方にはこちらのほうがいいのですかね。。ただし、海外のサイトなので、海外の動画も含まれてます。。大きめサイズのデザインがグッド！

3. wiifii

Flashベースの簡単なゲームが幾つかリンクされている、ポータルサイトっす。今後も増えていく予定？っぽいのでチェックしておくと良いかも。。

4. finetune

先日、このブログのエントリー「無料で音楽を楽しむ5つのサイト」でも、ご紹介した、finetuneのWii向けページですね。。パーティのときなんかWiiをラジオ代わりに使えそうですね。。
インターフェースもかっこいいし、PC向けより、むしろ、wii向けページのほうが個人的には好きかも。。

5. sofaTube

こちらも、Youtubeからの動画を見れるサイトですね。。インターフェースが面白い。壁にぺたぺたと写真を貼り付けたように動画のサムネイルが張り付いてます。

6. viewii

これまた、Youtubeの動画を見るサイトっすね。。まだ、動いてませんが、Flickrの写真も見れるようになるようです。。ただし、検索しないといけないので、操作が、面倒かも。。

7. MapWii

こちらは、WiiでGoogleMapを見やすくしたサイトですね。。これだけ大きいとさすがに見やすいですね。

8. WiiWa!

ここは、ブックマークやら、ミニゲームやら、ホームに設定しておくと便利かも？

9. Clusty

Wiiユーザー向けに作られた検索エンジンっす。デザインもWiiっぽくなってていいっすね。。

他にもまだまだ、Wii向けに作られたサイトっていっぱいあるんでしょうね。。今後は携帯サイトよりもWiiサイトを作ったほうがいいのですかね。。。

やっぱり、Wii買おうかなぁ。。。

デザインblogランキング