2018年に注目したい！グラフィックデザインの最新トレンド10個まとめ - PhotoshopVIP
「流行は繰り返す（英: Everything old is new again）」と言うように、2018年は過去のグラフィックデザインのトレンドをよりモダンにし、ここ数年人気だったフラットなデザイントレンドから移行する年となることが予想されます。ミニマルスタイルやシンプルなデザインは引き続き人気がありますが、いくつかの懐かしいスタイルをモダンな雰囲気にアレンジしたトレンドにも要注目です。 この記事では、これから2018年に注目したい、グラフィックデザインの最新トレンド10個をまとめています。「アッと驚かすデザインをつくりたい。」そんな思いにさせてくれる、たくさんのデザイン事例と一緒にご紹介です。 コンテンツ目次 1. レスポンシブ・ロゴデザイン 2. グラデーション/カラー・トランジション 3. セミフラットデザインでより奥行き感を。 4. デュオトーンの人気 5. 80＆90年代の配色パ
おもしろ雑貨コレクターが「これはおもしろい！」と思ったキッチン雑貨15選 - ソレドコ
どうも、おもしろ雑貨コレクターの伊勢海老太郎です。コンビニでジュースを買うような感覚（間隔）でおもしろ雑貨を購入していたら、いつの間にか数千個のおもしろ雑貨に囲まれていました。運営するブログ「AWESOME STUFF」で、コレクションをコツコツ紹介しています。 雑貨屋さん巡りもしますが、楽天市場でもおもしろ雑貨をよく探します。探していたマニアックなおもしろ雑貨が見つかることも多く、購入できた時は本当に嬉しいです！ 今回は、楽天で購入できる「これはおもしろい！」と思ったキッチン雑貨15アイテムを紹介します。 おもしろ雑貨の世界へようこそ〜 目次 【1】魔法の杖の塩コショウ入れ「マジックワンドソルト＆ペッパー」 【2】騎士のエッグカップ「アーサーエッグカップ」 【3】お皿とナイフとフォークが描かれているお皿「Plate-Plate」 【4】47都道府県のクッキーが作れる「ケンミンクッキー型
デザインにかなり使える！夕焼けから生み出された、高品質なグラデーション素材 -Sunset Gradients
デザインやイラストに、個人でも商用でも無料で利用できる、高品質な美しいグラデーション素材を紹介します。グラデーションは夕焼けから作成されており、その美しさはデジタルでもアナログでも堪能できます。 通常は有料素材ですが、今週末まで無料なので、ダウンロードはお早めに！
300万PV超えの人気Webメディアはどのように作られているか
人気の秘密を探る この記事では人気のウェブメディアがどのような戦略・デザインでユーザーを集めているのかを分析します。対象は月間PV数が300万PV以上のメディア。それほどに読まれる仕掛けはどこにあるのでしょうか。
データビジュアライゼーション・ツール20選 – lab.sugimototatsuo.com
この記事はThe top 20 data visualisation toolsの原著者許諾済みの日本語訳です。 By Brian Suda on September 17, 2012 Translated by Tatsuo Sugimoto 2014年4月28日更新：オリジナル記事が以前のサイトから移転したため発生していた画像の非表示に対応しました。 わたしがもっともよくきかれる質問のひとつが、データビジュアライゼーションを始める方法についてです。このブログの先へ進むには、練習し、さらに実践し、利用できるツールを理解する必要があります。この記事では、シンプルなチャートから複雑なグラフ、地図、インフォグラフィックスまで、ビジュアライゼーションを作成するための20種類のツールを紹介しようとおもいます。ほとんどのツールは無料で利用でき、そのうちいくつかはすでにインストール済みかもしれません。
今どきデザインはこれ！拡散型シャドウの基本から作成方法まで（PSチュートリアル + HTML/CSSスニペット付）
最近ウェブサイトやUIデザインなどを見ていると、ふわりと浮いているような奥行き感を表現しているものがあります。これは拡散型シャドウ（英: Diffuse Shadow）と呼ばれる新しいグラフィックトレンドで、2016年に入って多く見かけるようになっています。 今回は、この拡散型シャドウの基本的な使い方や、PhotoshopやHTML/CSSなどによるさまざまなデザイン方法を、参考にしたいUIデザインと一緒に見ていきましょう。 拡散型ドロップシャドウって何？ 英語でもきちんとした名前はまだ決まっていないようですが、この拡散型シャドウ（英: Diffuse Shadow）と呼ばれるこのテクニックは、通常のドロップシャドウに比べ、奥行き感をより表現できます。フラットデザインから派生したスタイルのひとつとも言え、今のデザイントレンドを反映しています。 Image Source: VOID Conf
商品を素敵に魅せる、アピール度抜群な最新UIデザイン50個まとめ
インターネットによる商品販売が当たり前となったいま、よりデザインを重視することで、ユーザーの注目を効果的に集めることができます。今回は、最新デザイントレンドを取り入れた、プロダクト商品の新しい魅せ方を提案した、素敵なUIデザインをまとめています。 フラットデザインから派生し、きつめのドロップシャドウを採用した、カード型レイアウトが多数公開されたり、商品の一部がボックス枠からはみ出した、新しい魅せ方も登場しています。また、アニメーション付きのよりクリエイティブな魅せ方も、今後ますます増えてくるのではないでしょうか。 詳細は以下から。 商品を素敵に魅せる、アピール度抜群な最新UIデザイン50個まとめ Altomate – Ecommerce Concept Day 31 – Minty & Playful Ice Cream Daily UI #12 Single Product Daily
HTMLメルマガ （メールマガジン）をデザインいらずでオシャレに配信！無料で簡単に使えるテンプレート25選
最近では、ネットショップを中心にHTMLメルマガ（メールマガジン）の配信が一般化してきました。マーケティングとしても有効な手段の一つではありますが、ある程度のコーディングスキルが必要であることからも、実装できていない方も多いのではないでしょうか。 そんな方にオススメしたいのが、HTMLメルマガのテンプレートです。テンプレートを使えばコーディングスキルがなくても、誰でも簡単にHTMLメルマガを配信することができます。ダウンロードすれば、すぐに配信できるものから、自分好みにカスタマイズできるものまで幅広い種類が揃っていますので、目的に合わせて活用できます。 今回は、HTMLメールマガジンを手軽に作成できるテンプレートを紹介します。 すぐに作れる！HTMLメルマガテンプレートまとめ 1.BeeFree https://beefree.io/ 全8種類のメールマガジンテンプレートが利用できるサービ
ハイクオリティなデザインが多数揃ったフリーフォント&モックアップ集「46 Free Fonts and Presentation Mock-Ups Bundle」
ハイクオリティなデザインが多数揃ったフリーフォント&モックアップ集「46 Free Fonts and Presentation Mock-Ups Bundle」 素材自体のクオリティが高いことで、デザインの質が格段にアップすると思います。今回はそんなハイクオリティなデザインが多数揃ったフリーフォント&モックアップ集「46 Free Fonts and Presentation Mock-Ups Bundle」を紹介したいと思います。 フリーで使用可能なフォント、またモックアップ、非常にさまざまな種類・テイストのものがダウンロードできるようになっています。 詳しくは以下 フォントは、手書き風のものからアンティーク調に合わせやすそうなもの、ゴシック系、スクリプト系、個性派など、バリエーション豊富に揃っているのが特徴。またモックアップは、印刷物のビジュアルイメージからスマートフォンのモックアッ
ランディングページの作り方、７つの超重要ポイント。
ランディングページ（ＬＰ）の作り方を、超重要ポイント７つに絞って説明します。対象読者は、これからＬＰを作成する方です。インハウスのご担当者だけでなく、制作会社さんが読んでも役立つでしょう。作り方だけでなく、コンバージョン率をアップさせる点も、詳しく解説したからです。１回読んで分からなければ、繰り返し読んでください。それだけ価値ある内容になっています。 ランディングページの構成。 まず最初に、ランディングページの構成について、左図を使って説明します。ランディングページの構成は、大きく７つのブロックに分かれます。 キャッチコピー。 お客さんの関心事を、ズバリ指摘します。関心事とは、対象ユーザーが抱える、悩みや課題です。このパートは、メインコピー（１行）とサブコピー（２行）、写真の３つの部分で構成されます。 共感部。 なぜ多くの人が関心を持つのか？ お客さんの気持ちに寄り添いながら、言葉で解きほ
黄色をキーカラーにした配色のWebサイトデザインまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGでデザイナーをしています、マチルダです。 突然ですが、皆さんは好きな色はありますか? デザインをする上で「色」はとても重要な要素ですが、自分は使うのが苦手な色がありました。それは、ズバリ「黄色」です。 決して嫌いなわけではない、むしろ黄色を使ったかっこいいサイトは大好きなのですが、自分でデザインすると、なんだかまとまらない…。 特に文字は、白地に黄色の文字（反転のときもしかり）だと読みづらくなってしまうので、合わせるカラー選びや使うポイントを押さえることが必要だな、と日々感じております。 今回は、黄色をステキに使っているサイトの中から、特に参考になったサイトをご紹介したいと思います！ 黄色ってどんな色? 黄色は有彩色の中で一番明るい色です。光や太陽のイメージが浮かびます。見ているだけで心を弾ませ楽しい気分にさせてくれるのでコミュニケーションを円滑にしてくれます。知性を刺激
見ているだけでデザインの参考になりそうな無料で使えるHTML5Webサイトテンプレート
ボリュームがあり、かつクオリティの高いHTML5Webサイトテンプレートが25個紹介されていたのでシェア。 眺めているだけでも参考になりそうなテンプレート集 実際に見ているだけでも素晴らしい。とくに最初に紹介されているFlatfyはあっちではかなり利用されている黄金パターンを採用し、かつ使いやすいのが特徴的。 1. Flatfy WordPressプレミアムでもよく見かける形のもはや海外オーソドックススタイル。 この25個の中でも最も美しいデザインとして紹介されています。テンプレートはBootstrapフレームワーク、HTML5、CSS3、そしてjQueryを駆使して作られています。 2. Yebo – Flat HTML5 CSS3 Template 彼、ピーターは無料でダウンロードできるいくつかの美しいHTML5のWebテンプレートを開発しています。これはモダンかつエレガントに見える、
GithubがWebデザインツールのEaselを買収。WebデザインもGithubに取り込みか？
オンラインでソフトウェア開発のためのバージョン管理リポジトリなどを提供するGithubが、Webデザインツールをオンラインで提供しているEaselの買収を発表しました。 Easelは少人数のチームでWebサイトのデザインやプロトタイピングを行うためのツールをオンラインで提供しています。 Easelの利用画面。WebブラウザからインタラクティブなWebデザインを実現しているだけでなく、HTMLやCSSの編集、Webサイトのレビューなどもできる 画面を見て分かるように、Easelは基本的にインタラクティブな操作でWebページのデザインを進めていくことができます。利用は有償で、個人利用が月15ドル、2人のチームが月50ドル、5人までのチームで月99ドルなど。 Easelは買収後もサービスを継続する予定で、ブログ「Easel Acquired by GitHub」では買収について次のように書いてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Flipsblog.jp
130 Cool email designs ideas | email design, newsletter design, email design inspiration
文字色と背景色のコントラストが適切かどうかをチェックしてくれる・「colorable」
