2016年も３分の１が過ぎ、今年を代表するウェブデザイントレンドがはっきりと見えてきました。Studio by UXPin で公開されている無料Eブック「The Complete 2016 Web Design Trends Bundle」では、2016年のトレンドを10個のポイントに分けて、具体的なウェブサイトと一緒にまとめています。 今回は、デザイントレンド10個のポイントのみを、簡単にまとめてご紹介します。より詳しい内容に関しては、無料ダウンロードできるEブックで確認できます。TwitterやFacebook、Googleなどの大企業を中心とした、参考サンプル45サイトが掲載されています。 詳細は以下から。 01. マイクロインタラクション Microinteraction マイクロインタラクションは、モバイルアプリのデザインにおいて、大きなアニメーションに比べ、ユーザーがあまり考え

みなさんこんにちは！今日で8月も終わりですね。今月もわくわくするようなアプリやサービスをたくさん紹介します。 過去のまとめはこちらからどうぞ！ Fit’s FESTIVAL PLAYER http://lotte-fits.jp/fesapp/ POP、TECHNOなどのジャンルを選択して音楽を流したり、DJの様に効果音を追加して遊べるアプリです。Fit’sの対象商品を購入すると、ボイスチェンジャーの機能も追加できます。ポップでカラフルな色使いが楽しいアプリです。 MUJI to Relax https://www.muji.com/jp/beadssofa/ 自宅でリラックスしたい時や、高速バスで睡眠が辛い場所で眠りとサポートしてくれるアプリです。自然音を選択して再生できるほか、心拍数からリラックスの音楽を生成してくれる機能があります。 Tep http://gettep.com/ キリ

メインビジュアル、キービジュアル、タイトルバナーとか呼ぶのでしょうか。 ＷＥＢサイトのメインになるイメージ画像のデザイン集。メインイジュアル制作の参考に。 サイトイメージを端的に表現したもの、コンバーションに直結しそうなものを中心に集めてみました。

2014年6月にGoogleマテリアルデザインガイドラインが公開されてから、AndroidはもとよりiOSのアプリでも、このガイドラインを取り入れたUI/UXの優れた作品が多数出てきました。 今回はそんな相変わらずトレンディなマテリアルデザインのガイドラインをわかりやすく、ポイントを絞ってお伝えします。 目次 マテリアルデザインとは？ 平面なのに3D 紙とインク マテリアルデザインのカラー グリッドシステム アニメーション 心地の良い動き タッチフィードバック 意味を持ったアニメーション まとめ マテリアルデザインとは？ マテリアルデザインを直訳すると「物質的なデザイン」という意味です。 デジタルのデザインなのにどの辺が「物質的」なのか、それは次の2つの概念で表現されています。 平面なのに3D マテリアルデザインでは、要素の重なりを物理的にとらえ、平面の中に、明確なZ軸の概念を持たせていま

最近のWebサイトやブログで見かけるアニメーションを使ったさまざまなかっこいいエフェクトやコンテンツの見せ方を実装するCSSやJavaScriptのチュートリアルをCodyHouseから紹介します。 それぞれファイルを一式でダウンロードできるので、すぐに利用できます。 Fixed Background Effect デモページ 対応ブラウザ：Chrome, Safari, Firefox, Opera, IE9+ sectionやdivを垂直に配置した縦長ページで、背景を固定し、各コンテンツがカーテンを引き上げるようにスクロールするシンプルなテンプレート。

Bootstrapで作ると似たデザインになってしまうのでは？ と、使用するのを躊躇している人は間違い。使い方はあなた次第です。 Bootstrapを使用して制作され、さまざまなアイデアが盛り込まれた洗練されたデザインのWebサイトを紹介します。

トレンドをうまく取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 時間のある時に、じっくり楽しんでください！

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

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

はじめに 先日、僕が勤務しているソニックガーデンのブログ記事で、弊社プログラマとデザイナーさんの対談記事が公開されました。 【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう 【中編】プログラミングとデザイン、やっていることはわりと同じ〜「デザインは感覚じゃない」 【後編】デザインできるプログラマの育てかた〜「デザインメンター制度」のキモは理由で納得！ インタビューに登場する町田さん（@machida）と赤塚さん（@ken_c_lo）は僕もよく知っているとても素晴らしいデザイナーさんです。 素敵なデザインができるのはもちろん、HamlやSassなどプログラマ寄りの技術知識も豊富に持ち合わせていますし、物腰も柔らかくてとても相談しやすい方たちです。 業界の各方面から引っ張りだこなのも十分頷けます。 ところで、上の記事の中に出てくる「デザインメンター制度」

ウォーターサーバーを自分で調べてバッチリ契約したい人のためのコンテンツ ウォーターサーバーを自分で調べてバッチリ契約したい人のためのコンテンツ 全部詳しくレビューしちゃいます！ フレシャス dewo ウォーターサーバーを比較して選ぶ方法 最近のウォーターサーバー選びは慎重に 清水さん家のウォーターサーバー生活にアクセス頂きまして、誠にありがとうございます！清水家を代表しまして私、清水めぐみがご挨拶させて頂きます。どうぞヨロシクお願いします。 このサイトに登場する清水家というのは、実際に東京都に住んでいる私と、私の家族がモデルになっています。 そして同じくサイトに登場するキャラクターたちは、私の友人・知人がモデルになっています。 我が家ではこれまで20台以上のウォーターサーバーをレンタルして使ってきましたが、このサイトは、そのリアルな体験を元に作っています。 女性にうれしいおまけつき！あした

ニキビ肌を卒業し、 笑顔で毎日を過ごす くり返しできてなかなか治らない大人ニキビ。 鏡を見るたび憂鬱になり、どんどん自分に自信がなくなってしまいますよね。 そんな憎き大人ニキビを治すためには、原因や正しいケア方法を知ることが大切です。 当サイトは大人ニキビの原因・治し方・予防法・ニキビ跡のケアまで、幅広い大人ニキビのケア情報をお届け。 「ニキビのないきれいな肌になりたい！」そんなあなたの思いを応援します。 大人ニキビの原因を知る

2023年2月17日 Webデザイナー1年生はもちろん、Web製作に携わるものなら絶対に知っておきたい神サイトを完全収録しました。 独学でWebデザインを勉強したい人、優秀な先駆者たちの知恵を吸収し飛躍したい人は要チェック。 WEBデザイナー必見の神サイト20コリスWebクリエイターボックスコムテブログかちびと.netバンクーバーのうぇぶ屋ホームページを作る人のネタ帳creive【クリーブ】BlackFlagDesignDevelopArchAteitexe アテークゼウェビメモWebparkNxWorldデザイナーのイラストノート株式会社LIGMdN Design InteractiveドットインストールProgateschooコリス コリス サイト制作に関する最新の情報をご紹介 サイト構築、WordPressのTipsを得られます。ただし、Webデザイナー１年制が、今からの更新情報を受

TOP  >  Design  >  ミニマルなデザインアイコンまとめ「A Collection of Minimal Icons for Subtle Design Work」 いろいろなwebサイトで利用できるアイコンはとても重宝する存在。たくさんストックされている方も多いのではないでしょうか？そんな中今回紹介するのは、ミニマルなデザインアイコンまとめ「A Collection of Minimal Icons for Subtle Design Work」です。 Round Mini Icons | AlienValley シンプルなテイストのデザイン性が特徴のアイコンセットが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Material Design Icons (expanded and color version) シンプルな

こんにちは。 今回は、何かを制作する際に、アイデアのヒントになったりインスピレーションを刺激されるサイトを9つほどご紹介します。 The Book Cover Archive 世界の本の装丁をアーカイブしたサイト。 本の表紙からは、インスピレーションを受けることが多いです。 → The Book Cover Archive Ads of the World 世界の広告デザインをアーカイブしたサイトです。 地域、国別、業種、広告媒体別に分かれていて、様々なデザインに触れることができます。 → Ads of the World motions アイコンやインフォグラフィックなどのアニメーションの動きを、アーカイブしたギャラリーサイトです。 キャッチコピーは、あなたに「気持ちいい動き」のインスピレーションを。 → motions 404design 「404 not found」のページを集めた

はじめまして。 アメーバ事業本部キュレーション事業部の渡邊 (@mnemoniqs) です。 デザイナーとして、Spotlight・Recolle・GAMYなどの主にバイラルメディアの制作を担当しております。 デザイナーは日々インプット！ってことで、これは特にいいな～って思ったデザインに関するブログ記事をいくつかまとめてみました。 知っている記事もあると思いますが、もし新しい発見や出会いがあれば。

作成：2014/06/30 更新：2014/11/01 Webデザイン > サイトのデザインセンス、または操作性などが良いのか悪いのかわからない。 オシャレで洗練されたデザインにするため、少しでもセンスを上げるために色々なサイトをチェックしておきたい。 今回はただWebデザインギャラリーサイトを紹介するのではなく、ページ別・職種・動き・制作別など「サイト制作時に役立つ」くくりでまとめました。コーポレートサイトやECサイト・自社サービスのデザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 １．グラデーション＋フラットデザイン ２．ダッシュボードの配色例 ３．高級感を出す配色 ページ別 ４．採用ページ ５．404ページ 職種別 ６．和菓子系（不足の美） ７．女性向け（エディトリアルデザイン） ８．医療系 ９