いままでまとめたWEBサイトやFacebookサイトのデザインや資料作成の参考になるまとめ15まとめ

『HTML5でサイトをつくろう』のブログ初めてからデザインの参考サイトを探したり、Facebookページ作りの参考にページを探したりしたエントリーを書きましたがこれからデザインや資料作りの参考になるサイトなどはこちらのブログの方にまとめていきますのでいままでまとめたエントリーをまとめました。

自分的にもこのページがいままでのまとめの一覧になるので探しやすいかなと思っていて前のブログでまとめていたのですがこちらに投稿します。
皆さんもよかったら参考サイト探す際に使ってください。

また他にもこういうジャンルのまとめがあるといいなってリクエストもあったらコメントいただければ探してまとめてみたいと思います。

ゼロからはじめるスマートフォン専用サイト(iPhone&Android)の作り方を学べるサイト集めました

ゼロからはじめるスマートフォン専用サイト(iPhone&Android)の作り方を学べるサイト集めました

http://www.html5-memo.com/html5-site/iphone_markup/

スマートフォンサイトを初めて作る際に参考になるサイトを集めました。
この記事の内容を元に作成したサンプルをこれから作成していく予定です。

HTML5で制作された国内企業サイト20から現状の制作状況を知る!!

HTML5で制作された国内企業サイト20から現状の制作状況を知る!!

http://www.html5-memo.com/html5-site/links/

HTML5で作成された国内企業のサイトをまとめました。新要素を積極的に使ってる企業や宣言文だけを変更しているサイトなどまだまだ試行錯誤の状態ですがHTML5への移行は積極的に行われているような印象です。

WEBデザインの参考にしているまとめサイトをまとめました[ほぼ国内編:24サイト+追加2]

WEBデザインの参考にしているまとめサイトをまとめました[ほぼ国内編:24サイト+追加2]

http://www.html5-memo.com/design/design-matome/

PCサイトのデザインの参考に国内のデザインまとめサイトをまとめました。
デザイン性の高いサイトのまとめ、業種別、色別といろいろなカテゴリがありますのでとても参考になるサイトです。

iphoneやスマートフォン専用サイトのデザイン作成の参考にするまとめサイトをまとめました[11サイト+おまけ6]

iphoneやスマートフォン専用サイトのデザイン作成の参考にするまとめサイトをまとめました[11サイト+おまけ6]

http://www.html5-memo.com/design/iphonesite/

iphoneやスマートフォン専用のサイトのまとめ系サイトを国内と海外サイトをまとめました。国内のサイトのレイアウトにアレンジとして海外のサイト作りも参考に取り入れるとよいなと思いました。

WEBマガジンなどコンテンツの多いサイト構築の参考に!女性ファッション紙のWEBサイト集めました【51サイト】

WEBマガジンなどコンテンツの多いサイト構築の参考に!女性ファッション紙のWEBサイト集めました【51サイト】

http://www.html5-memo.com/design/bookswebsite/

特定のジャンルを決めて参考サイトをよくあつめていたので女性誌のファッションサイトはどんな感じかなと思いまとめました。

ファストファッション・セレクトショップ・雑貨系のWEBサイト集めました【55サイト】

ファストファッション・セレクトショップ・雑貨系のWEBサイト集めました【55サイト】

http://www.html5-memo.com/design/shopwebsite/

ファストファッションのサイト比較をしようとおもってあわせてセレクトショップ系のサイトもあつめました。

【業種別:80ページ】FBページ作りの参考に!業種別に企業のFacebookページまとめました(国内・一部海外)

【業種別:80ページ】FBページ作りの参考に!業種別に企業のFacebookページまとめました(国内・一部海外)

http://www.html5-memo.com/facebook-relation/fbpage_company/

企業のFaceBookページの活用は実際どの位だろうとおもって大手企業のFaceBookページをまとめてみました。FaceBookは海外の方が積極的に使われていますが日本のはアプリなど仕掛けが多いのが特徴かな?

【30ページ】テレビ局・TV番組・TVドラマのFacebookページをあつめました

【30ページ】テレビ局・TV番組・TVドラマのFacebookページをあつめました

http://www.html5-memo.com/facebook/fbpage_tv

TV局や各番組のFaceBookページをあつめました。TBSと日本テレビは番組毎にページを持っていました。

Facebookページ作成の際に参考にしたFBページまとめました

Facebookページ作成の際に参考にしたFBページまとめました

http://www.html5-memo.com/facebook-relation/fbpage/

自分達のブログのFaceBookページの作成の際に参考にしたページをまとめました。

参考になる企業のFacebookページまとめました[ファッションブランド編:30選]

参考になる企業のFacebookページまとめました[ファッションブランド編:30選]

http://www.html5-memo.com/facebook-relation/fbpage_fashion/

ファッション業界のFaceBookページに興味があったのでブランドを調べてみました。

写真やデザイン作成の参考になるiphone・ipadで見れる写真ギャラリーアプリまとめました

写真やデザイン作成の参考になるiphone・ipadで見れる写真ギャラリーアプリまとめました

http://www.html5-memo.com/design/ipadapp_photo/

ipadアプリで綺麗な写真が無料で見れるアプリを集めました。ipad持っている人はオススメです。

和風テイストのWEBデザイン作成の参考にもなる ipadのWEBマガジンアプリあつめました

和風テイストのWEBデザイン作成の参考にもなる ipadのWEBマガジンアプリあつめました

http://www.html5-memo.com/design/ipadapp_mag/

ipadアプリで和風テイストのアプリやサイト作る際に参考になるデザインのよいアプリをあつめました。ipad持っている人はオススメです。

カンヌ国際広告祭 2011やADC2001で受賞したCMあつめました

カンヌ国際広告祭 2011やADC2001で受賞したCMあつめました

http://www.html5-memo.com/movie/cm01/

今年話題になった「JR九州新幹線」「docomoの木の木琴」「サントリー歌のリレー」などのCMを集めてみました。

プロジェクションマッピング(projection mapping)の動画集めました

プロジェクションマッピング(projection mapping)の動画集めました

http://www.html5-memo.com/movie/projection_mapping/

かっこいいプロジェクションマッピングの動画をあつめました。これからWEBクリエイターとしてもこういうの作る人でてくるでしょうね。

これから買う人にデザインのかっこいいiPhone4 / iPhone4Sのケースあつめました【2011年10月14日収集】

これから買う人にデザインのかっこいいiPhone4 / iPhone4Sのケースあつめました【2011年10月14日収集】

http://www.html5-memo.com/other/iphone4case/

iphone4sを購入したきっかけでかっこいいケースを探したのでまとめました。

以上です。

まとめたサイトから良いデザインをたくさん見て自分のデザインにも取り込んでいきましょう。

この記事を書いた人

著者 : ハヤシユタカ

2001年、有限会社ムーニーワークスを設立。WEB制作の他、書籍執筆、セミナー講演、企業研修などを行う。また、クリエイター育成機関デジタルハリウッドでは1999年より講師として本科WEBデザイナーコースやデジタルデザインコースを担当。 詳しいプロフィールはこちら

最近書いた記事

この記事に関連する記事