デザインを開発するという視点でお伝えするクリエイティブBLOG
Webサイトは1ページで構成されるランディングページ、複数ページでの構成とさまざま。そんな中、デザイナーやコーダーにとって役に立つのがWebサイト用のテンプレートです。そんな中今回はDreamweaverのテンプレート「25 Free Dreamweaver Templates for Every Website」を紹介したいと思います。
構成やデザインの参考としても使える25種類のテンプレートです。中でも気になったものをピックアップしてみました。
詳しくは以下
制作する際にグラフィックソフトやレイアウトソフトを使って自分で制作と言うのが普通だと思いますが、WEB上で特定の部品だけ簡単に生成してくれるジェネレーターもあり、場合によってはそちらの方が便利だったりします。
今回紹介する「55+ Extremely Useful Online Generators for Designers」はそんなデザイナーが便利に使えるジェネレーターを集めたエントリーです。様々なジェネレーターが公開されていますが、今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
WEBデザインでもっとも大きく印象をコントロールできるのが背景。コンテンツの後ろに広がる背景はそのサイトやブログなどのテーマを印象的に見せることができますが、今日紹介するのは海をイメージした魚がテーマの背景パターン「Create An “Under The Sea” Feel With These Free Fish Themed Patterns」です。
Pattern / Cute fiiiiish ! :: COLOURlovers
どの背景パターンもオシャレでデザイン性の高いものがまとめられています。今回はその中からいくつか気になったものを紹介したいと思います。
先日「水彩風の高解像度フリーphotoshopブラシ「Grungy Watercolor」」という記事で水彩画風のフリーブラシセットを紹介しましたが、今日紹介するのは水彩画風のテクスチャを200以上集めてまとめたエントリー「Watercolor Roundup: 200+ Beautiful Brushes and Textures」です。
どれもデザインにアナログ感を存分に与えてくれそうな、テクスチャとブラシが沢山紹介されています。今日はその中からさらに気になったものをピックアップして紹介したいと思います。
詳しくは以下
もうすぐクリスマス。クリスマスをイメージさせるデザインツールやアイテムを取り入れることでもっと盛り上がる一日になるはず。今回はそんな時に活用したい、xmasデザインに活用したいフリー素材まとめ「Free Christmas Design Resources」を紹介したいと思います。
Here comes santa, card Vector | Free Download
クリスマスをテーマにした可愛らしいテイストを中心としたデザインフリー素材がピックアップされまとめられています。
詳しくは以下
説明要素の多いECサイトのデザイン。より分かりやすく使いやすくすることが、購入者を増やすための方法でもあります。今回はそんなシーンに最適なアイコンセット集「20+ Free E-Commerce Icon Sets to Download」を紹介したいと思います。
Exclusive Freebie : 36 e-Commerce Icons from DryIcons.com | BytesWire
フリーで利用できる、いろいろなデザインテイスト・いろいろな種類のアイコンが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
インターネット上では日々新しい素材が追加され続けており、その膨大な量に一体どれを選んでよいか迷ってしまうことも。今回はそんな時に参考にしたい最新フリーResourceまとめ「50 Free Resources for Web Designers from November 2015」を紹介したいと思います。
UIやモックアップなどデザイナーがチェックしておきたい素材が多数まとめられています。気になったものをピックアップしましたので、下記より御覧ください。
詳しくは以下
デザイン設計時にワイヤーフレームを使って構成を確認・設計することで、完成までのイメージを頭に想像できるとともに、進行・作業をスムーズに行うことが可能となります。今回はそんな設計時に利用したい、さまざまな種類のワイヤーフレームを集めたサイト「UI Tiles」を紹介したいと思います。
シンプルなテイストのワイヤーフレームが多数まとめられており、設計するサイトに合わせ選択し活用することができそうです。
詳しくは以下
業態やクライアントによってデザインのテイストが大きく変化するwebデザインですが、今回は手書きのイラストやデザインを取り入れたwebサイト集「Hand Drawn Style in Web Design – 40 Excellent Examples」を紹介したいと思います。
（Lotie）
詳しくは以下
ラフでアナログな印象のイラストを中心に、さまざまなタイプのデザインが紹介されています。中でも気になった物をピックアップしてみましたので、下記よりご覧ください。
自身で制作した作品をまとめて掲載し紹介するポートフォリオサイトは、掲載する作品だけでなく、ベースとなるサイトのデザインにもこだわりたいものです。今回はそんな時に役立つ、デザイン性の高いポートフォリオサイトのインスピレーション集「200 Portfolio Sites for Web Design Inspiration」を紹介したいと思います。
作品をより良く見せてくれるデザインのポートフォリオサイトデザイン例が多数紹介されています。気になったものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
それはシンプルなページでも、多くの情報を配信するような場合でもデザインももちろん大切ですが、大抵の場合WEBデザインをしているとその情報をどう整理し、どう見せるかと言う事が重要になってきます。今日紹介するのはWEBをレイアウト上で役に立つ様々案ソリューションを紹介している「8 Layout Solutions To Improve Your Designs」。
Examples of Mega-Drop-Down-Menus
最近よく使われているものから、定番のものまで大きく8つのジャンルに分けレイアウトに必要な技術を紹介しています。方法論だけではなく実際のスクリプトも併せてまとめられていますので、今日は併せていくつか紹介したいと思います。
詳しくは以下
