デザインを開発するという視点でお伝えするクリエイティブBLOG
デザインの印象を決定付ける、重要な要素の一つに配色があります。色の組み合わせは思っている以上に難しく、いつも同じような配色になってしまう、または配色自体が思いつかないと色で悩んでいる方も多いと思います。今回紹介するのはトレンドの配色をカラーコード付きで参照できるWEBサイト「Trendy Palettes」です。
基本的には三色の組み合わせパターンが登録されており、色の組み合わせとそれぞれのカラーのカラーコードを参照することが可能です。
詳しくは以下
人生の一大イベントの一つ結婚式、国内でも多様化しつつもその印象・イメージは普遍的なものがあります。今日紹介するのはウェディングに活用できる24のフリーアイコンセット「24 Free Wedding Icons」です。
ベル・花束、ハートが浮かぶカメラ、教会、結婚指輪などなど、結婚式を象徴するアイコンが全部で24個収録されています。
詳しくは以下
WEB上では限定的な使い方にはなってしまいますが、フィルターのON/OFF・背景のモノクロとカラー、化粧の有り無しなど、全く同じもので異なる状況を比べるというときに便利なのが、今回紹介するスワイプでBefore/Afterを表現するスライダー「Beer Slider」です。
上記のように左右で写真が表示されて、スワイプまたはスライドで写真の表示領域を切り替えることが可能です。
詳しくは以下
デザイナー・プログラマー・イラストレーターなど、クリエイティブな職業についていると、実績や作品というのは重要な営業のための要素の一つで、自分の作品をどう見せていくのかで、仕事の質や量にも大きく影響してくると思います。今日紹介するのは、作品を美しく見せるポートフォリオサイトベスト20「20 Best New Portfolios, September 2018」
45royale – A remote web design company with 12+ years of experience
原文には全部で20のポートフォリをサイトがまとめられていますが、今日はその中からいくつか気になったものを抜粋して紹介したいと思います。
詳しくは以下
世界中で利用されているCMSの一つWordpress。国内でも多くのユーザーが利用しており、法人・個人問わず利用されていますが、今回紹介するのは、リアルタイムにデザインを編集できるWordpressプラグイン「The Divi Builder」です。
通常テーマはいくつかのファイルによって構成されており、テンプレートの修正やカスタマイズするとなると、多くの場合、コードを書いて修正しなければなりませんでした。この「Divi」はブラウザ上で自由にデザインカスタマイズやテンプレート側の修正が行えるというものです。実際の操作しているシーンを交えた、プロモーション動画が公開されていましたので以下からご覧ください。
動画は以下から
素材として使用するアイコンは、ほしいときにほしいものがすぐ取り出せるように、できるだけ多くの種類をストックしておきたいもの。そんな中今回紹介するのは、食イメージをポップに彩るアイコンセット「Food & Drinks Icon Set」です。
ポップで明るい印象の、パステル調のカラーリングで統一されたフードやドリンクのイメージアイコンがセットになっています。
詳しくは以下
手軽に利用できるテクスチャ素材は、種類が豊富になればなるほど、表現の幅を広げることができると思います。そこで今回紹介するのは、豊富な表情を持つ水のさまざまな動きを感じられるテクスチャを集めた「35 Refreshing Still Liquid Textures」です。
Fountain Water Texture 2 by ^FantasyStock on deviantART
柔らかな表情から、激しさを感じるテクスチャまで、さまざまなテクスチャが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
クレジットカードロゴアイコン、国旗アイコン、ファイルタイプアイコンなどちょっと珍しいアイこんんから、よく見かけるRSSフィードや一般的なミニアイコンまで幅広いアイコンを無料で配布しているのが今回紹介する「Fine icons.」です。
ライセンスは「Creative Commons Attribution-Share Alike 2.0 UK: England & Wales」でライセンスの範囲内なら配布されているアイコンはすべてフリーでダウンロードでき、WEB、ブログ、モバイルアプリケーションなど形式を問わず個人使用、商用利用問わず利用することが可能です。
詳しくは以下
フリーフォントを探す際、検索で気になるワードで探すよりも、まとめを参考にすることでよりクオリティの高いものを選定できるのではないでしょうか？今回はそんな時に参考にしたい、豊富にピックアップされたフリーフォントまとめ「45 Beautiful Fonts You Can Download For Free」を紹介したいと思います。
デザイン性のあるフリーフォントが多数、いろいろなテイストの種類でまとめられています。気になったものをピックアップしましたので、下記より御覧ください。
詳しくは以下
ブログやFecebook、SNSなど、インターネットを利用したさまざまな情報発信手段が展開されていますが、情報にぴったり合った体裁に整えることはなかなｋ難しく、オリジナリティのある情報発信の方法に悩んでいるという方も多いのではないでしょうか？そこで今回紹介するのが、WordPressで構築されたシーンごとに利用しやすいマガジンテーマをまとめた「20 WordPress Magazine Themes for Technology & Gadget Sites」です。
Aggregate WordPress Theme | Elegant Themes
配信する内容ごとに選びやすい、WordPressテーマが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
日本国内でのブラウザシェア率トップは依然として「Internet Explorer」ですが、「Chrome」「Firefox」もシェア率が増えており、デザインで各サブラウザのロゴマークを利用することも増えているのではないでしょうか？そんな中今回紹介するのが、ユニークなFirefoxアイコンをまとめた「30 Interesting Firefox Icons for Free」です。
Firefox Icon – GP Icons – Free Icons – SoftIcons.com
立体的なアイコンからカラーバリエーション豊富なアイコンまで、さまざまなFirefoxアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
写真を数多く集めてつくるデザインコラージュ。今も多くの場所で使われている、昔からあるデザイン手法の一つですが、今回紹介するのは決められた形に任意の写真をパーツとして作る事ができるフリーソフト「Shape Collage」です。
実際アプリケーションを利用しているスクリーンキャストが公開されていますので、下記に貼付けておきます。
動画は以下から
デザイナーであれば、日々最新の素材はチェックしておきたいもの。しかし、どんどんと新しいものが追加され続けており、どれからチェックすれば良いか迷ってしまうことも。今回はそんなシーンにおすすめの「60+ fresh resources for designers, December 2015」を紹介したいと思います。
最新のフリーリソースが多数ピックアップされた、注目のまとめとなっています。
詳しくは以下
WEB制作の要素の中の一つフォトギャラリー。制作しているWEBサイトのジャンルによっては、作らない場合も多いのですが、WEB制作されている方々だと作る機会も比較的多いものだと思います。今日紹介するのはそんな時に役立つFLASHで作るフォトギャラリーのチュートリアル「10 Sleek and Professional Flash Image Gallery Tutorials」です。
Papervision 3D Flash Gallery Tutorial
全部で10個のFLASHによるチュートリアルが収録されていますが、今日はその中からいくつかピックアップして紹介したいと思います。
詳しくは以下
複雑な情報を一目で伝えてくれるアイコンは、デザインに欠かせない存在です。ミニマルデザインやフラットデザインなどシンプルなデザインが流行するにつれ、使用する頻度も増えてきたのではないでしょうか。今回ご紹介するのは、そんなデザインに役立つアイコンを422種類もまとめた「handcrafted & pixel perfect icons.」です。
黒単色で描かれたシンプルなラインアイコン、ベタアイコンが多数取り揃えられています。
詳しくは以下
(続きを読む…)
Web上で写真を見せる定番の手法のひとつ、スライドショー。コンテンツを見せるのに利用したり、メインビジュアルに利用したり…とても活用幅が広く便利な存在です。今回ご紹介するのはそんなスライダーを、よりクリエイティブに見せてくれる変則的なスライドショー「CSS Grid Layout Slideshow」です。
グリット上に並べられた複数のイメージを、一気に切り替えることができる美しいスライドショーのフリーCSSソースです。
詳しくは以下
