タグ「Webデザインクリップ」

タグ Webデザインクリップ

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 42件)

デザインの参考に！見てるだけでも楽しいピンタレストで見つけたグラフィックデザイン・タイポグラフィ関連のボードまとめました。 | 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のマークがあるので見たことがある人も多いと思います。また日本でも... 続きを読む

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

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

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

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

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

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

海外のクリエイティブサイトからデザインの参考に！インスピレーションが刺激される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などでダイナミックな動... 続きを読む

良いデザインを見て学び、情報収集に役立つ！毎月チェックしたい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... 続きを読む

名刺作成の参考になるクリエイティブでかっこいい名刺が載っているサイト集めました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/05/08 597 users クリエイティブかっこいい名刺名刺作成 Web制作参考

最近会社に所属している人も活動用の個人の名刺をいただくことが多くなりました。ネットでデータを送ると名刺が送られてくるようなサイトも多くなってきましたし、紙も結構選べるので手軽に作るのに便利ですよね。細かい知識がなくてもベースのイラレデータにレイアウトすれば、お店の方で作ってくれるので楽々でした。僕も会社用の名刺の他に3つのブログのURLをまとめた名刺を作ろうと思って名刺の参考にかっこいい名刺... 続きを読む

国内のFlashライクなJSのアニメーションを使用したサイトをまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/04/23 404 users Flash スクリプトスマートフォ実例アニメーション

最近はjsのスクリプトやCSS3のアニメーションを使用してFlashに近い動きを実現しているサイトを最近よく見かけます。サイトを企画・提案・設計する上で、案件によってFlashとjsどちらを実装するのかは変わりますが、まずはjsでどの程度の動きが可能なのか実例を知っておくことが重要です。そこで今回は、国内のFlashライクなJSのアニメーションを使用したサイトをまとめてみました。スマートフォ... 続きを読む

PCサイトとスマートフォンサイトをどのように扱うか？国内のレスポンシブウェブサイトをまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/04/12 502 users Web制作 SEO 共通 Webフォント選択肢

海外の企業サイトではレスポンシブルウェブサイトもだんだんと浸透しております。 Responsive Web Design を利用している企業サイトリスト毎日更新したり、記事コンテンツの多いサイトでは、全デバイスのソース管理や更新が1ソースでできるレスポンシブウェブサイトの導入は一つの選択肢として魅力的です。また共通のURLを使用することでSEOに強い面もあります。 Webフォントを使用すれば、... 続きを読む

タイムライン表示に対応された企業のFacebookページまとめました【34ページ】 | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/03/12 64 users Facebookページ多いFacebook Web制作

3/31までで現在のFacebookページがタイムライン化されまます。それに先立ってタイムライン化した企業サイトのページがでてきましたので「飲食」「ファッション」「自動車」「情報」などカテゴリにわけてまとめてみました。いきなりの仕様変更が多いFacebookですが今回のタイムライン化でいままでのページのつくりが少し変わってしまいますね。飲食 Coca-Cola https://www.face... 続きを読む

企業・団体が運営している「診断・検定」系のfacebookアプリまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/02/02 58 users Facebookアプリ Facebookページ団体展開

最近「診断・検定」系のFacebookアプリが増えてきたので、一度まとめてご紹介したいと思います。 Facebookアプリといっても個人で作ったものだとセキュリティ面が少々不安な場合もありますので今回は、企業・団体が運営しているFacebookページで展開しているFacebookアプリをまとめました。各自特徴を生かした展開をしていてとても面白いです。 Facebookアプリでユーザーに楽しんでも... 続きを読む

(1 - 25 / 42件)

次の25件 »