デザインを開発するという視点でお伝えするクリエイティブBLOG
スマートフォンが携帯電話の主流となったことで、webサイトはパソコンで見る際の状態ではなく、スマートフォン用のレイアウトで制作することが当たり前となってきています。しかし、同時に両方を構築するのに時間や予算がかけられない時もあるのではないでしょうか？そんな時に便利なフリーレスポンシブHTMLテンプレート「30 Free Responsive HTML Templates」を今回は紹介したいと思います。
スマートフォンに最適化したレイアウトを実現できるHTMLテンプレートがまとめられています。
詳しくは以下
webデザインを1から制作し完成までたどり着くには、かなりの時間と労力を必要とします。さらに、今ではスマートフォンからタブレットまで、ありとあらゆる端末への対応が求められることも多いのではないでしょうか？今回はそんなシーンに活用できる、レスポンシブルHTML5フリーテンプレート「High Quality Yet Free Responsive HTML5 Templates」を紹介したいと思います。
（Royale – Free html5 Template | html5mania.com）
HTML5形式の、高品質で実用性の高いフリーテンプレートが紹介されています。
詳しくは以下
オフィスやビジネスで使用するツールにはいろいろな種類があり、非常に身近な存在だという方も。webデザインなどをする時にイラスト素材として使用することも少なくありません。そんな中今回紹介するのは、さまざまなオフィスツールのベクターパック「Freebie: Comprehensive Office Environment & Tools Vector Pack」です。
定番のオフィスツールをフラットタイプのベクターイラストでまとめたフリー素材となっています。
詳しくは以下
WEBを制作されている方は日々工夫をこらしているCSS。多々あるブラウザ環境の中で、統一した見た目を保つ為に色々な努力を積み重ねている事かと思います。今日紹介するのはクロスブラウザのためのCSSのテクニックを紹介するエントリー「10 astonishing CSS hacks and techniques」を紹介したいと思います。
Cross browser inline block
ツールチップやギャラリー表示、選択したテキストのカラーを変える等、様々なテクニックがソースコード付きで紹介されています。今日はその中からいくつか気になったテクニックを紹介したいと思います。
詳しくは以下
ついにリリースされiPhone6。ディスプレイサイズが大きくなり、さらにiPhone6 plusというワイドなサイズのバージョンも発売されたことから、非常に話題を呼んでいます。そんな中今回紹介するのは、最新のappleスマートデバイスも取り揃えた「Free download: iPhone and Apple Watch vector mockups」です。
Phone6、Phone6 plusを始め、新しい形のデバイス・Apple Watchのモックアップまで収録されています。
詳しくは以下
Photoshopを使えばいろいろなグラフィック表現が可能になりますが、機能が豊富に備わっているためなかなか使いこなせていないという方も多いのでは？今回はそんな時に参考にしたいPhotoshopチュートリアルまとめ「50 Best Photoshop Tutorials 2014」を紹介します。
（Photoshop tutorial: Stylise photos using colourful shapes – Digital Arts）
グラフィカルな加工方法を学ぶことができるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
webを制作する際にはテーマカラーを決め手デザインされることが多いかと思いますが、今回紹介するのは、赤を基調としたwebサイトデザインまとめ「Color Theory for Designers: Beautiful Red Color Website」です。
（Sydney Website Designer & Email Newsletters & Online Marketing Services • Newtown, Inner West Sydney）
鮮やかなレッドをキーカラーとした、インパクトのあるデザイン事例が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
特にwebデザインシーンで重宝するアイコン素材には、非常にたくさんの種類やテーマのものが存在し、フリー配布されてます。そんな中今回紹介するのは、さまざまな種類のアイコンが揃った「325+ Best flat premium & free vector icons」です。
描写やテーマなど、多彩な表現のアイコンセットがまとめられており、どれも魅力的で個性的なものばかり。気になったものをピックアップしましたので、下記より御覧ください。
詳しくは以下
いろいろなwebサイトで利用できるアイコンはとても重宝する存在。たくさんストックされている方も多いのではないでしょうか？そんな中今回紹介するのは、ミニマルなデザインアイコンまとめ「A Collection of Minimal Icons for Subtle Design Work」です。
Round Mini Icons | AlienValley
シンプルなテイストのデザイン性が特徴のアイコンセットが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
柔らかな印象だったり、アナログな感触だったり、デザインとは非常に親和性の高い布のテクスチャ。今日紹介するのはphotoshop上で布の質感を簡単に表現できるphotoshopパターン「12 Free High Resolution Fabric Photoshop Patterns」を紹介したいと思います。
パターンは全部で12種類収録されていて、どれもそれぞれ上記のサンプルファイルのように着色されています。いくつか実際に制作してみましたので、下記に貼り付けておきます。
詳しくは以下
WEBデザインに限らず、その作り込みや分かりやすさでデザインの精度を左右する要素アイコン。アイコンを作りこむにはかなりの時間を要しますが、今回紹介するのはそんなアイコン制作の手間を軽減してくれる、300個のアイコンをセットにしたフリーアイコンセット「Batch.」です。
全部で300以上のアイコンがセットになっており、スタンダードなものから少し変わったものまで、考えられるアイコンは粗方押さえられています。
詳しくは以下
イラストレーターの表現をさらに広げてくれるブラシ。今日紹介するのは様々なジャンルのブラシセットをまとめたエントリー「45 Excellent Sets of Adobe Illustrator Brushes」です。
45 Excellent Sets of Adobe Illustrator Brushes
筆や水彩ブラシから、花のようなグラフィック感のあるブラシまで幅広く揃っています。今日は紹介されているブラシの中からいくつか紹介したいと思います。
詳しくは以下
