[B! 参考-トレンド] futomoのブックマーク

futomo id:futomo

参考-トレンドに関するfutomoのブックマーク (18)

PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。表示デバイスの多用化スマートフォンアプリの一般化タッチスクリーンの普及トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景
futomo 2015/02/18
参考-デザイン

参考-トレンド
リンク
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
futomo 2013/07/26
参考-トレンド
リンク
Modern UI のようなフラットデザインを目指して使いづらくなっている件について | DevelopersIO
Windows 8 がリリースされてだいぶ日が経ちました。最大の特徴と言ってもよい Modern UI *1。モバイル端末をはじめとしたタッチデバイスに特化した大きめのタイル（ボタン）とタイポグラフィが一際目を引くデザインで、OS X や iOS のそれとは一線を画しています。一方の Android。2011年2月にバージョン3.0である Honeycomb がリリースされ、それまでの 2.x から刷新したデザインになりました *2。2013年4月現在の最新バージョンである4.2（Jelly Beans）もこの流れを踏んでいます。両者ともそれまでの Web2.0 と呼ばれていた頃に流行ったグラデーションやドロップシャドウをふんだんに使ったデコラティブなデザインに対し、平面的で装飾要素の極めて少ないミニマルなデザインが特徴です。これらは主に Flat UI と呼ばれ、2012年頃から現在
futomo 2013/04/15
参考-UI

参考-デザイン

参考-トレンド
リンク
この春、デザインやファッションに使いたい10色 -2013年春のトレンドカラー
まだまだ寒い日が続きますが、日も少しずつ長くなり、春の気配を感じますね。 pantoneがセレクションした2013年春のトレンドカラーを紹介します。 Spring 2013 Fashion Color Trends - Pantone Fashion Color Report この春、グリーンのトレンドは否定できないでしょう。グリーンは他のすべてのカラーの前景でも背景でも完璧に役割を果たします。今年のトレンドカラーでもあるEmeraldは、グリーンの中でも洗練された鮮やかでクリアです。Grayed Jadeはグレーを少しいれた色合いで静か・休息のムードを引き起こします。Tender Shootsは柔らかい新芽の色合いで春の到来をイメージさせ、さわやかで朗らかです。
futomo 2013/02/15
参考-トレンド
リンク
最近のウェブサイトで見かける背景のスタイルとトレンドのまとめ
Hannah & Jeremiah 洋服や髪型にもトレンドがあるように、ウェブデザインにもトレンドがあります。そして背景は特にトレンドがあります。上にあげた例のいくつかの写真やイラストの背景はシャープで分かりやすいですが、いくつかは解釈することが難しいものもあります。ソリッドな背景は人気が高く、ぼんやりとしたブラーな背景もあちこちで目にするでしょう。また、ブラックやホワイト（時代遅れな使い方ではなく）だけでなく、単一のカラーの背景で奥行きをコントロールしエレメントを目立たせるように使っているサイトもあります。そして、パターンやテクスチャもよく機能する背景で、これは最近形の大きさが変化したように思われます。パターンは大きいけれど、繊細なテクスチャのように低いコントラストのアイテムを使っています。 1. シャープなイメージ背景にシャープで強いイメージを使うことは定番と言っていいでしょう、ポイ
futomo 2012/08/20
参考-トレンド
リンク
魅力的でワクワクする最新のエフェクトを使ったウェブサイトのまとめ
訪れたユーザーにインパクトを与える魅力的な最新のエフェクトを使ったウェブサイトをCodropsから紹介します。 Examples of Creative and Modern Effects in Web Design
futomo 2012/08/01
参考-トレンド
リンク
ハイクオリティな最近のパララックスWebデザイン
- 296 users
- w3q.jp
- 学び
YUKATA ISETAN ：新宿店：伊勢... / Otavamedia – Homo studio... / バズマーケティング・クチコミマーケティング | ...他...全13件
futomo 2012/07/26
でもなんか最近もうお腹いっぱいなんだよなぁ

参考-トレンド
リンク
株式会社ガイアックスの公式サイト › ガイアックスオフィシャルサイト
GAIAX IS A STARTUP STUDIO DETERMINED TO SOLVE SOCIAL ISSUES ガイアックスは、人と人をつなげるため、ソーシャルメディアとシェアリングエコノミー領域、 web3・DAOを用いた事業に注力する起業家輩出のスタートアップスタジオです。
futomo 2012/07/06
参考-トレンド

BtoB
リンク
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。今回は「高級ペライチ」とググると1位に表示される、僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！まずは王道！縦に長い高級ペライチ
futomo 2012/06/19
参考-トレンド

参考-デザイン
リンク
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
futomo 2012/03/21
参考-トレンド

参考-デザイン
リンク
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
futomo 2012/03/21
参考-トレンド

参考-デザイン
リンク
トレンドを見逃すな！Web業界の2012年トレンド予想
Photoshop VIP ☞ 2012年に流行... / HTML5ガイド決定版: 2012年のWebはこ... / 2012年、ソーシャルメディアの3つの予測他...全8件
futomo 2012/01/04
参考-トレンド
リンク
2011年のウェブデザインのトレンドを振り返る
2011年のウェブ制作の話題の中心はHTML5とCSS3でしょう。ここではデザイン面を中心に、2011年に人気が高かったウェブデザインのトレンドを紹介します。 Popular Web Design Trends in 2011: Over 50 Inspiring Examples [ad#ad-2] 下記は各ポイントを意訳したものです。 Responsive Web Design 点線サークルレトロスタイルリボンマジックナンバー『3』少しめくれてるペーパーボーダーレスグリッド対角線 Responsive Web Design Responsive Web Designとは、ユーザーが利用する環境（スクリーンサイズなど）に合わせて最適なレイアウトを提供する方法です。デスクトップ用のブラウザだけでなく、iPhoneなどのスマートフォン、iPadなど、あらゆるデバイスに最適な
futomo 2011/12/20
参考-デザイン

参考-トレンド
リンク
数あるWEBデザインテクニックの中で最近話題に上がりやすい5つの技法 | バンクーバーのうぇぶ屋
WEBデザインとか、レイアウティングとか言ったって色々な種類がありますよね。シングルカラム、ダブルカラム、マルチカラム等のカラム分けもそうですが、ランディングページ、ブランディングページ、コミュニティサイト、ポータルサイト、そのそれぞれによって特有のレイアウトやデザインが存在したりしますが、同じくらいデザインテクニックも時と場合に応じた提案方法があるわけです。今日は、今年に入ってWEB屋仲間との間で何度か話題に上がった（気がする）デザイン技法的な物をいくつかピックアップします。情報として激古い物も、新しい物も、え？これテクニックか？って言う物もあるかもしれませんが、この記事自体次回のレッスンの教材にするつもりなので、あまり突っ込まないで上げてください。 Grid System 話に上がるというより、最近はWEBレイアウトの話をするときは当たり前のように使ってますね。「じゃーデザインしよ
futomo 2011/08/19
参考-Web制作

参考-トレンド
リンク
スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net
futomo 2011/07/06
パララックスデザイン

まとめ

参考-デザイン

参考-トレンド
リンク
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
futomo 2011/04/27
素材-テンプレート

参考-Ps

iPhone
リンク
2010年に備えて、知っておきたいウェブデザインのトレンド
2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。また、同著者の別エントリーに対応したものもあります。これはもう使用しない方がいいウェブデザインのトレンドはじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページレイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウトはじめにこのリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。ト
futomo 2010/10/14
参考-デザイン

参考-トレンド
リンク
これはもう使用しない方がいいウェブデザインのトレンド
昔流行ったけど、これはもう使用しない方がいいものや人気がすたれているウェブデザインのトレンドをWeb Design Ledgerから紹介します。 Most Used and Abused Web Design Trends of All Time 以下、その意訳です。過激な表現も一部あるので、留意ください。はじめに鏡面反射アクアフラリッシュコーヒーカップ地球コミックフォントストックフォトペーパーポラロイド特大のRSSアイコン音の自動再生カウンターマーキーブラックの背景スプラッシュページスキップの無いイントロブラックの背景はじめにトレンドは、ウェブデザインにおける良くないキーワードではありません。実際に、下記のリストのものはその時々でウェブデザイナーを鼓舞させました。これらのアイデアは影響が非常に大きくかったので、大量のクローンが作りだされました。
futomo 2010/10/14
参考-デザイン

参考-トレンド
リンク
1