見るだけで刺激が一杯！！クリエイターの作品を集めたボードやクリエイティブ系のピンタレストまとめました | Webデザインクリップ

2014/06/12 27 users クリエイター ボート 刺激 クリエイティブ系 作品

ピンタレストでロゴデザインやグラフィックデザインなどをまとめましたが、今回はデザインという視点でなく見てるだけでワクワクしてインスピレーションが刺激されるボードをまとめてみました。ピンタレストのネタが続きますが、無限に良いボードがたくさんあって、どんどん紹介したくなっちゃいます。 INSPIRATIONが刺激されるピンタレストのボード 著名なクリエイターの作品を集めたボード http://www.... 続きを読む

世界的写真家3人の撮影現場と写真に対する思いを描いた動画「DEDICATED（写真に身を捧げる者達）」がしびれる位かっこいい！ | Webデザインクリップ

2014/06/10 13 users ニコン 者達 撮影現場 You Tube かっこいい動画

ニコン (Nikon Europe)がCorey Rich氏を製作指揮にNikon D4Sで撮影した映像作品「Dedicated」をニコンジャパンが日本語字幕版としてYou Tubeに「D4S：DEDICATED（写真に身を捧げる者達）」としてアップされましたが、この映像がしびれる位かっこいいです。 写真やカメラに興味のない人にも絶対オススメのかっこいい動画になってます。 D4S：DEDICATE... 続きを読む

デザインの参考に！見てるだけでも楽しいピンタレストで見つけたグラフィックデザイン・タイポグラフィ関連のボードまとめました。 | Webデザインクリップ

2014/05/29 117 users ボート グラフィックデザイン Evernote 参考 デザイン

前回ピンタレストでロゴデザインをまとめましたが、皆さんはネット上で見つけたデザインの参考になる画像や自分で制作した物などをどのようにスクラップしてますか？ 普通の保存してフォルダに入れておくだけでは持ち歩けないですし、evernoteやdropboxも他の内容もどんどん入っていくので集めてもいまいち中々見なくなります。また自分の好みのデザインばかり集めてしまって、いざ違うジャンルのデザインを作る際... 続きを読む

デザインの参考にしたい時に最適！世界中のクリエイターのポートフォリオが見れる「Behance（べハンス）」を活用しよう | Webデザインクリップ

2014/05/13 166 users Behance バンズ ポートフォリオ Adobe マーク

Behance（べハンス）って何？ 「Behance（べハンス）」は、世界中のクリエイターが公開・閲覧・共有できる、オンラインポートフォリオサービスです。 Online Portfolios on Behance 最近Adobeが買収したので、「Adobe Creative Cloud」に入っている人はログインする際にBehanceのマークがあるので見たことがある人も多いと思います。 また日本でも... 続きを読む

写真を繋げて動画でまた違った表現になる！？4K画質で撮影された美しい大自然の風景や夜景のタイプラプス動画まとめました | Webデザインクリップ

2014/05/08 34 users 夜景 風景 表現 4K画質 YouTube

最近のTVの4Kブームで映像の方でもYoutubeやvimeoなどで4Kとついた動画が多く上がってきていますが、まだビデオカメラでの4Kが撮影出来る機種は限られていて、その多くは静止画をたくさん撮影したつないで映像にする「TIMELAPSE（タイムラプス）」という手法で撮影された動画です。※タイムラプスという言い方以外に「インターバル撮影」や「低速度撮影」といった言い方もあります。 そもそも、タイ... 続きを読む

良いデザインを見て学ぶ！毎月チェックしたいWeb/アート/広告/デザイン雑誌まとめました【2014年版20誌】 | Webデザインクリップ

2014/04/14 777 users アート web デザイン雑誌 広告 良いデザイン

Webサイトやブログで膨大な情報が無料で手に入るので、なかなか本や雑誌を買わない人もいると思いますが、ネットではどうしても自分の好みの情報を取得してしまいがちなので、僕はいつも書店に行って雑誌をチェックして少しでも気になるものがあったら買うようにしています。 4月となり、デザイン関連の仕事で働き始める人や、学校でデザインを始める人達に、いつも自分がチェックしているクリエイティブ系の情報、デザインの... 続きを読む

日本を旅したくなる！一眼カメラで撮られたムービーいろいろ | Webデザインクリップ

2014/03/03 430 users 一眼カメラ YouTube Vimeo GoPro 日本

YoutubeやVimeoなどで簡単にだれでも動画をアップできるようになったのと、一眼レフカメラでハイクオリティな動画が撮れるようになって来たことで、プロ・アマ問わずさまざまな旅のムービーがアップされてきています。 日本を旅した外国の人の動画では、日頃住んでいる我々とは違う視点で表現されており、とても魅力的に見えます。 旅といえば写真でしたが、これから一眼レフやGoProなどで映像作りにチャレンジ... 続きを読む

3/23、24日の東京はアートイベント満載！3つのアートイベントまとめました | Webデザインクリップ

2013/03/04 24 users アートイベント 東京 3つ 日程 http

2013年の3月は東京を代表する大きなアートイベントが同じ日程（2013年3月23日、24日）で開催されます。『G-tokyo2013』、『六本木アートナイト2013』、『アートフェア東京2013』。 それぞれどんなイベントかを簡単にまとめてみました。開催される週末は自分の好きなアートを見つける日にしてはいかがでしょうか？ 六本木アートナイト2013 http://www.roppongiartn... 続きを読む

海外のクリエイティブサイトからデザインの参考に！インスピレーションが刺激されるFacebookページをまとめました | Webデザインクリップ

2013/01/16 61 users Twitter Facebook インスピレーション 合間

twitterやFacebookは、時間がなくても日々の生活のちょっとした合間にチェックできるWebデザインの情報収集に非常に便利です。 文字ベースのtwitterに比べて、海外のデザイン系サイトやブログなどのFacebookページは、いいね！を押してフィード購読をするだけで、Webデザインのインスピレーションの刺激になったり、思わず見とれてしまうような美しい写真や画像などとリンクを紹介してくれる... 続きを読む

クリエイティブ脳が刺激される！見ているだけで心が弾んでしまう デザイン生活雑貨をまとめました | Webデザインクリップ

2012/12/28 416 users クリエイティブ脳 コップ スパイス 椅子 ヒント

繰り返す毎日の中で、人はどれくらいの”物”を使用しているのでしょうか？何気なく使っているコップや椅子。普段は余り意識しないものたちにも、ほんの少しのスパイスを足すことで生活をクリエイティブにする為のヒントがたくさん詰まっているように感じます。 今回はそんな雑貨達の中から、眺めているだけでもクリエイティブ脳を刺激してくれそうなユニークなデザイン雑貨を大きなものから小さなものまで国内/国外問わずまとめ... 続きを読む

レスポンシブ対応も含め、Lightbox系（モーラルウインドウ）プラグイン25個の簡単な使い方とサンプルまとめました | Webデザインクリップ

2012/12/17 319 users jQuery 背面 HTML Lightbox系 プラグイン

jQueryを使ったプラグインの中でもポピュラーな背面をグレーアウトさせて画像などを表示するLightbox系のプラグイン。 ギャラリーサイトで拡大画像を表示したり、HTMLを読み込んで詳細情報を表示したりなどと、あらゆるサイトでさまざまな使われ方をしており、現在では多機能なオプションを備えたものから、レスポンシブWebデザインに対応したものまでさまざまなプラグインが存在しています。 今回はそんな... 続きを読む

グラフィカルな写真コンテンツを効果的に見せる!ランダムな配置のグリッドレイアウトのサイトデザインをまとめました | Webデザインクリップ

2012/12/05 73 users グリッドレイアウト パネル 従来 配置 ランダム

最近海外のサイトデザインで、ランダムなブロックレイアウトのデザインをよく見かけます。 シンプルでいながら絶妙なバランスで並べられたパネルの中にコンテンツが入れられており、従来のグリッドレイアウトとは少し違っており、サイトの新しいデザインの様な印象を受けます。 一見シンプルなコンテンツを印象的に見せたいサイトや、ファッション系サイトなどグラフィカルな写真を見せたいサイトではJSなどでダイナミックな動... 続きを読む

毎年凝ったキャンペーンサイトを展開する伊勢丹の2012年クリスマスキャンペーンサイトと過去の動画まとめました | Webデザインクリップ

2012/12/03 45 users 伊勢丹 毎年 過去 動画 キャンペーンサイト

HTML5＋CC3 を勉強しながら調べたサイト情報やサンプルの作成。そのほかweb 制作に役立つ情報をまとめました。 http://www.html5-memo.com/ デザイン作成のヒントになるサイトや制作に便利な無料素材、かっこいい映像やアプリなどをまとめました。 http://webdesignmatome.com/ jQuery Mobileを中心とした、iPhone（スマートフォン）サ... 続きを読む

かっこいいCMがたくさん！Sony Xperia(エクスペリア）のCM全部（18種類）まとめました。 | Webデザインクリップ

2012/11/27 32 users エクスペリア SONY 機種 毎回 たくさん

2012年のsonyのスマートフォンXperia(エクスペリア）のCMは結構かっこいいものが多く、皆さんも覚えている人も多いと思います。 いろいろな分野のスポーツ選手やアーティスト達の映像が使われているもので、スマートフォンと関係のないイメージ的な映像ですが、毎回かっこいいなーと思うものが多かったのでまとめてみました。 正直なところスマートフォン自体がほとんど写っていないので機種については全然記憶... 続きを読む

良いデザインを見て学び、情報収集に役立つ！毎月チェックしたいWeb/アート/広告/デザイン雑誌まとめました。 | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/11/07 715 users アート 毎月 web Web制作 書店

いまWebサイトで膨大な情報が無料で手に入るので、なかなか本や雑誌を買わない人もいると思いますが、ネットではどうしても自分の好みの情報を取得してしまいがちなので、僕はいつも書店に行って雑誌をチェックして少しでも気になるものがあったら買うようにしています。 そこで今回はクリエイティブ系の情報やデザインの参考、広告事例などが見ることができる「Web」「デザイン」「広告」「アート」などの雑誌をまとめてみ... 続きを読む

まずはここから覚えたい！作業効率がよくなるPhotoshopショートカットキーまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/11/05 273 users Photoshopショートカットキー Web制作 作業効率

どんなソフトを使用する際にもあるショートカットキーですが、ソフトの使い方に慣れてないときはショートカットキーを覚えるというのも大変なので、メニューから探している人も多いと思いますが、毎回ツールバーや上部メニューバーを行ったり来たりするというのはそれだけでかなりの時間のロスになります。 僕も学校では極力ショートカットを使っていこうという話をしていますが、まずはPhotoshopでここから覚えていこう... 続きを読む

タブレットPCを意識した？パンフレットを開くような動きの横アコーディオン型サイト・横スライドサイト | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/10/24 100 users パンフレット タブレットPC Web制作 まとめサイト

最近海外のサイトデザインで縦割のアコーディオン型のデザインを良く見かけます。 その理由を少し考えてみたところ、前回の「PCデザインの新しいカタチ「タッチジェスチャー」を意識したUIデザインのまとめ」の記事と同様の理由で、将来的なタッチジェスチャーを意識したサイトや、現在その代表でもあるタブレット端末での使い勝手を考慮したサイトが多くなって来たからではないかと思いました。 タブレット上で通常のサイト... 続きを読む

PCデザインの新しいカタチ「タッチジェスチャー」を意識したUIデザインのまとめ | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/10/01 371 users タッチジェスチャー スティーブン・シノフスキー氏 欠陥品

windows8のUIがタッチジェスチャーを意識したデザインなのは皆さんご周知の通りかと思いますが、ここ最近、UIに合わせるようにPC/ノートPCでもタッチジェスチャーが可能になるモデルが次々と発表されています。 Windows開発部門トップのスティーブン・シノフスキー氏も「2年後、タッチできないPCは欠陥品に思われる」とコメントしており、今後のPCデザインもその部分を踏まえてUI設計する必要があ... 続きを読む

サイトやアプリのデザインのアイデアに使えるUXを生み出すリッチなUIデザインの参考をまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/07/25 711 users User Interface 復旧 UIデザイン 課題 アプリ

スマートフォンの復旧により、手でタッチできるという操作性とそのコンパクトさから、一目見ただけで操作方法がわかり使いやすさが伝わるようなUX（User Experience）は今後重要なものになっていきます。 もちろん速さや機能性など技術的な部分でもUXを満たす課題はたくさんありますが、ユーザーの目にする部分で重要となるのがUI（User Interface）のデザインです。 Webデザインにもここ... 続きを読む

とにかく最新のHTML5やJSを使用したサイトをたくさん見たい時に便利！国内外のWEBデザインサイトのタグリストをまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサ

2012/06/20 1009 users まとめサ Web制作 国内外 デザ タグリスト

リリースされる最新のHTML5やJavascriptを使用したサイトは常にチェックしたいですが、案件に必要な参考サイトを探している時に項目別に一気に見れたり比較ができればより便利です。 そんな時に、いつもチェックしているHTML5やCSS3、Javascriptといった国内外WEBデザインサイトのタグリスト別のデータサーチを紹介します。 先日ご紹介したWEBデザインを制作する際の参考にしているデザ... 続きを読む

MdN Design Interactiveにて連載した「ゼロからはじめるHTML5でのサイト制作」全12回まとめ | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/05/30 963 users MdN Design Interactive Web制作

以前MdN Design Interactiveに連載させていただいた『HTML5でサイトをつくろう！ゼロからはじめるHTML5でのサイト制作』が12回で完結しました。 この連載ではHTML5でのマークアップが初めての方向けにHTML5で変更になった点や新要素の使い方、使い方がわかりにくいといわれていたsection要素やarticle要素の使い方、ブロックレベルやインラインの変わりとなるカテゴリ... 続きを読む

Webデザインのアウトプットに役立つインスピレーションを得られるサイトを集めました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/05/23 817 users インスピレーション アウトプット 未経験 ヒント 基礎

普段から様々な良質なデザインを見ることでWebデザインのアウトプットに繋がります。学校でもデザインを基礎から学んだわけではないし、美術系の学校に行っていたわけでもない人でもいい物をたくさん見てそこからヒントを得て作っていく人などは未経験からでもかなり伸びていきます。 そして自分の好きなデザインだけでなく、幅広いジャンルのものを見ることも大切です。 先日ご紹介したWEBデザインを制作する際の参考にし... 続きを読む

僕がRSSに登録して情報収集や勉強の際に日々見ているWEB系ブログあつめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/05/21 1472 users Web制作 RSS 勉強 日々 情報収集

4月から学校にも新しい生徒がたくさん入って来ているので、そういった人たちに向けて僕がWEBの勉強や情報収集するためにRSSなどに登録しているサイトをまとめました。 仕事でもすぐには使わないなーと思っていてもあとでそれに関連した仕事が入ったときにあの時見たなーと思うけど忘れちゃうこと多いですよね？ 旬なキーワードやこれから勉強しないといけなそうなキーワードなどの記事があったらブックマークやevern... 続きを読む

WEBデザインの参考になる！国内外のスポーツメーカーのリッチでグラフィカルなサイト集めました。 | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/05/14 72 users 国内外 Web制作 webデザイン スポーツメーカー 参考

今回は有名スポーツメーカーのNIKE・adidas・PUMA・Reebok・New Balanceの日本語と外国語サイトのメーカー公式サイトと特設サイト集めました。 調べてみるとひとつのメーカーだけでかなりのサイト量がありました！ どのメーカーもとてもカラフルで写真を大胆に使用したカッコイイグラフィックが印象的でした。また外国語版はパララックスやHTML5を使用したものが多く、見た目のデザインもさ... 続きを読む

WEBデザインを制作する際の参考にしているWEBデザインまとめサイトをまとめました【2012年版】 | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/05/10 1018 users Web制作 参考 まとめサイト 2012年版 見出し

以前、「HTML5でサイトをつくろう」のブログでwebデザインをする上で普段、参考にしているまとめサイトをご紹介させていただいたのですが、見れなくなってしまったサイトなどもありましたので、今回2012年度版として優良なwebサイトを紹介しているWebデザインまとめサイト(国内・海外サイト)や見出しやナビゲーション・ボタン・バナー・制作に役立つサイトを追加分も含めてまとめました。 国内編 strai... 続きを読む