30年前から Apple が目立っていた理由を知っていますか？ ジョブズの考えは、ブランディングにカラフルな写真を利用し、当時のコンピューター業界とは全く異なるものでした。 コンピューター革命のきっかけとなるサブカルチャーに影響を与えるために、それらの写真を利用したのです。 そして、そのアイデアは上手くいきました。 この記事では通常とは一味違う、ブランディング力をアップする代替アイデアテクニックをご紹介します。ウェブから集めたトップクラスの2フライヤーデザイン20枚を集め、それらのテクニックを適用した、無料でカスタマイズできる Canva 用テンプレートも一緒にまとめています。 コンテンツ目次 1. コンピューターから離れてみよう。 2. 鮮やかな色を利用しよう。 3. ビンテージな書体を試してみよう。 4. ユニークで意味のあるディテールを追加しよう。 5. 遊びの効いた書体を利用しよう

Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects. Getting started

日本中の書体デザイナーさんの努力によって、素敵な日本語フリーフォントが数多く公開されるようになったいま、複数の書体をインストールしているひとも多いでしょう。しかしデザインのとき、いつも同じ書体ばかり使ってしまう、という人もいませんか？ 公開されているフォントの数が増えたことで、どれも利用してよいか悩んでしまうこともしばしば。特に、デザインコンセプトにあった、商用利用にも対応できる素材を探すのは、時間のかかる作業のひとつかもしれません。 今回は、無料ダウンロード可能で、商用ライセンスにも対応した日本語フリーフォントという条件で、幅広いデザインに利用できる、万能アイテムのみをまとめてご紹介します。

ぼくがWebデザインに携わってからこれまで約5年半、Web上の多くの優良なサイトから知恵を借りて、ド素人からなんとかフリーで仕事を貰えるまでになった。そして常々、Webから与えてもらった知識や情報を還元したいと思っていた。 こうしてブログを始め自ら情報を発信する場を得たので、一度Web制作に関する良質な情報をまとめて提供してみたい。 このエントリーでは、Web制作の初心者もしくはWeb制作に興味があってこれから始めてみたいという人が、うまくWebの世界に入っていくのに役立つような情報を厳選して紹介している。 一人でWeb制作全般を見れるようになるための基礎的な情報を広く列挙してあるが、必要な箇所だけ断片的に取り上げてもらっても役立つと思う。またできるだけ日本語の中で閉じるよう、海外サイトは最低限にとどめた。 目次 とにかく１ページに詰め込むことを優先したのでかなり長いが、下の目次から必要な

フォトショップで作成したり、デジカメで撮影したあらゆるジャンルのテクスチャ素材を公開しています。全ての素材は商用可・フリーダウンロード！WEBデザインやグラフィックデザイン、ゲーム制作などにおすすめ！フリーテクスチャ素材館

Meta said today that it finally launched its much-awaited API for Threads so developers can build experiences around it. This will allow-third party developers to create new experinces around Mark…

幾何学的な飾り、繊細なパターン、緻密なオブジェクトが美しいアール・デコ、アール・ヌーヴォーなど19世紀のヴィンテージ スタイルを中心に、その時代ごとのデザインの特徴と使い方を紹介します。 合わせて、個人・商用で無料・有料で利用できるデザイン素材・フォントもご紹介。 【更新: 2022/9/13】 元記事がアップデートされたので、合わせて当記事も更新しました。 Vintage Style Guide ヴィンテージ スタイルの手引き 唯美主義運動 -Aesthetic Movement アール・デコ -Art Deco アール・ヌーヴォー -Art Nouveau アーツ・アンド・クラフツ -Arts & Crafts バロック リバイバル -Baroque Revival 新古典主義 -Neoclassical ペンマンシップ -Penmanship ルネサンス リバイバル -Renaiss

「Ombré（オンブレ）」とはここ数年、海外セレブたちが火付け役となって人気になったオンブレヘアーの美しいグラデーションで、特定の2色間をグラデーションでつなぐデザインです。ロゴデザインではこのグラデーションをベクターベースの面白い形状で色分けして利用しています。 Circles 完璧と無限を表現する美しいサークルは、非常に人気が高いデザイン要素です。最近のトレンドは、サークルの上にサークルを重ねたり、繰り返して使用しています。こういった幾何学的な形はシンプルであればあるほど良く、要素に区別をつける時にはフラットにしたり透明にしたり、グラデーションにしても効果的です。 Half and Half

2016年04月18日16:00 淡々とドアの画像を貼っていくスレ Tweet 1: 名無しさん＠おーぷん 2016/04/18(月)08:15:07 ID:Orc 転載元：http://hayabusa.open2ch.net/test/read.cgi/news4vip/1460934906/ 一番怖い放送事故といえば http://blog.livedoor.jp/nwknews/archives/5037244.html 2: 名無しさん＠おーぷん 2016/04/18(月)08:15:39 ID:Orc 3: 名無しさん＠おーぷん 2016/04/18(月)08:15:42 ID:I37 僕の心のドアも貼ってくれますか？ 13: 名無しさん＠おーぷん 2016/04/18(月)08:20:09 ID:Orc >>3 5: 名無しさん＠おーぷん 2016/04/18(月)08:17

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

サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet looks like in 2016 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 01. 空白スペースを効果的に使う 02. ロゴの配置を一貫させる 03. 縦置きと横置きを考慮したデザイン 04. 縦長スクロールページの素晴らしいアイデア 05. 指のタップに合わせた形と大きさ 06. レイアウトにレスポンシブ用の微調整 07. 一行

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

限られたスペースの中でターゲットに訴求しなければならない「バナー」のデザイン。「つい似たようなデザインばかり作ってしまう」「いまいち広告としての訴求力がない仕上がりになる…」など、バナー制作に悩むWebデザイナーの方もいるはず。今回は、そんなときにデザインの参考にしたいバナーまとめサイトをご紹介します。 ＜この記事に関連する記事＞ クリックしたくなるバナーを作るためのコツまとめ Webデザイナーに求められるスキルレベルは？未経験でも最低限必要なのは？ Webデザイナーは副業にできる？案件獲得の方法も解説 バナーデザインの参考になるサイト9選 Retrobanner http://retrobanner.net/ 7000種類以上（2017年3月現在）の広告バナーを集めて一覧表示しているサイト。サイズ、色、業種、テイスト（シンプル、かわいい、など）でカテゴリ分けできるので、制作するバナーのデ

2015年9月18日、パイインターナショナルより漫画単行本のデザインを 紹介するデザイン本『良いコミックデザイン』が発売されます。 どこかで聞いたことがあるタイトルが付けられていますが、 もちろん私ＫＴ．が選者を務めた１冊です。 ■ 良いコミックデザイン 出版社：パイインターナショナル 選・著：ＫＴ． 発売日：2015/09/18 漫画の多様化・複雑化と共に、そのデザインはレーベルのフォーマットを脱ぎ捨てて日々広がりを見せており、書店では様々な個性を持った装丁のコミックを目にすることができる今現在。本書は、そんなコミックの装丁を紹介する１冊です。同一の装丁で統一した短編シリーズなどを１作として、その見所でカテゴリを分けて約１７０の作品を紹介。アニメ・ゲーム・ラノベなどの他媒体なし、漫画単行本１００％のデザイン本となっております。 【収録内容】 ●美しい仕掛け・楽しい仕掛け ●特殊印刷・豪華

佐野氏騒動「一般人にはわからない」とわかりにくいデザインをカッコいいと勘違いするデザイナーは辞めろ 2015年 08月 29日 一般人はデザインの意味がわかってない。 デザインを知らない一般人は口出すな。 このデザインの良さがわからないなんて、 そんな輩は引っ込んでろ。 ネット民が作ったデザイン案の、 どこがいいのか。 ありきたりすぎてデザインとはいえない。 ・・・・・ バッグのデザインを、 写真丸パクリするという、 信じられないことをしてがした、 俺はやってないから関係ねえ、 といわんばかりの佐野研二郎氏作の、 パクリ疑惑五輪エンブレム問題が、 泥沼と化しているのだが、 ネットの反応を見ていると、 非常におもしろい現象がわかる。 ざっくりした印象だが、 デザイン関係者は、佐野氏を擁護し、 佐野氏デザイン案はいい、 ネット民が作ったデザインはダサい、 という傾向があり、 デザイン関係の仕事

デザインはセンスや経験も大切ですが、一番大切なのは基本です。 伝わるデザイン、読みやすいデザイン、印象に残るデザイン、今抱えている課題を解決するデザインに必要な基本のルールと制作の流れをしっかりと身につけることができる何度も読み返したいオススメの本を紹介します。 本書は「ノンデザイナーズ・デザインブック（Amazon）」や「デザインの教室（Amazon）」と同系統のものですが、2冊ともかなり前の本なので事例や応用例が古いのが難点です。 今回紹介する「デザイン入門教室」は今月発売されたばかり。デザインの基本を押さえつつ、現代のスタイルが取り入れられた事例や制作の流れが豊富に掲載された一冊になっています。

他の人のサイトマップやフローチャートってなかなか見る機会がありませんよね。 そんな時は世界中のクリエイターが集まるDribbbleです。Dribbbleからサイトマップやハイレベルサイトマップ、フローチャートを紹介します。 使用ツールはIllustrator, Sketch, Omnigraffleなどで、機能性だけでなくデザイン性も重視されて作成されています。 サイトマップやフローチャートで使える素材も一番最後にご紹介。

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

デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領

CSS SANS は、WEB上でデザイン・文字組をするためのプログラミング言語 CSS でつくられたフォント。 WEBの歴史・進化を映し出し、時代に合わせて形を変える、これまでにないフォントです。 CSS SANS is the font created by CSS, the programming language for web designing and typesetting. It is an unprecedented font that reflects history and evolution of the Web, and even changes its own shape. フォントの成り立ちHow the font is madeCSS でできることは、WEBページのレイアウトを整えたり、文字組・文字間の調整をしたりなど、様々。 ただひとつ、「文字自体をデザイン