デザインを開発するという視点でお伝えするクリエイティブBLOG
日々進化するデザイン。常に最新のものを情報としても、そして素材でも取得しておきたいもの。そんな中今回紹介するのは、最新のトレンドが随所に反映されたフリーUIキット「H1 / Free Mobile UI Kit for Sketch & Photoshop」です。
デュオトーンやフレッシュなカラーリングが特徴の、非常にクリエイティブ性のあるスマートフォン向けのUIキットとなっています。
詳しくは以下
スマートフォンの幅広い普及によって、UIや動作周りもスマートフォンに最適化されるようになってきました。そんな中今回ご紹介するのは、スマートフォン向けのフォトスライダーの作り方を紹介する「SmartPhoto.js」です。
スマートフォンで大きな写真を楽しめるフォトスライダーで、横スライドタイプのスマートフォンからの閲覧に最適化したギャラリーを簡単に作ることが出来ます。
詳しくは以下
(続きを読む…)
デザインの成果物を、より良く見せることができるモックアップ。その中でもApple製品のモックアップは普及率の高さから非常に重宝します。そんな中今回ご紹介するのは、フリーで利用できるApple製品モックアップ「8 Free Apple Devices Mockups」です。
8 Free Apple Devices Mockups – Free Design Resources
クリーンな白を基調とした、どんなデザインでも利用しやすいモックアップが8パターンまとめられています。
詳しくは以下
今やスマートフォンアプリにおいて欠かせないアイコンのひとつである、ジェスチャーアイコン。新規ユーザーに使い方を伝えていく上で重要なファクターになっています。今回ご紹介するのはジェスチャーアイコンが15個もまとめられた「15 Free Gesture and Interaction Icon Sets for Mobile App Designers」になります。
100+ Touch Gestures Icons — download free icons by PixelBuddha
このまとめではひとつのアイコンセットに最大100種類収録されているものもあります。いくつか気になったものをピックアップしましたので、以下からご覧ください。
詳しくは以下
インターネット上でフリーで配布されているUIキットは、制作時間の短縮はもちろん、手軽にクオリティを高めることができる便利な素材。今回はそんなUIキットをまとめた「35+ Free UI Kits for Web Designers」を紹介したいと思います。
（Dribbble – Iphone Gold Ui Kit +Free PSD by Tintins）
webやスマートフォンなどに対応したUIキットがたくさん紹介されています。
詳しくは以下
スマートフォンの登場によって今までにない直感的な操作方法が一般的になってきましたが、「ピンチ」や「フリック」と言われてどんな操作方法かすぐに想像がつくという人もいれば、まだなれていなく想像できないという方もいらっしゃると思います。今回紹介するのはそんなスマートフォンの操作を視覚的に伝えることができる、60個のアイコンパック「Flat Gesture Icons Pack」です。
想定される操作のほとんどが収録されていて、これ１つあればどんなシーンでもカバーすることができそうです。
今までDesigndevelopでも数々のフリーベクターデータセットを紹介してきましたが、今回紹介するSMASHINGのまとめエントリー「The Ultimate Collection Of Free Vector Packs | Developer’s Toolbox | Smashing Magazine」はフリーベクターデータセットの決定版とも言えるエントリーです。
様々な種類のフリーベクターデータセットが公開されています。今日はその中から今までDesigndevelopで紹介した事がなく、珍しいなと思うベクターデータセットをいくつかピックアップして消化したいと思います。
詳しくは以下
デザイン制作にもはや欠かすことのできないフリー素材。無料で、最近では商用フリーで使用できるものも非常に増えてきました。そんな中今回紹介するのは、いろいろなデザインに応用できる最新のフリー素材まとめ「50 Free Resources for Web Designers from September 2014」です。
Dribbble – iPhone 6 Plus by Oleg Sukhorukov
モックアップやフォント、UIなど、さまざまな種類の素材が集められており、このまとめをチェックするだけでおおいに制作に役立てることができます。
詳しくは以下
見慣れているフォントなら見ただけで、どんなフォントが使われているか、制作をしている人間なら分かると思いますが、見慣れないフォントはパッと見ではなかなか難しいものです。このフォントを使いたいけど、どんなフォントが使われているか見当がつかないそんな時に役立つのが今回紹介するWEBサービス「myfonts」です。
このサービスはフォントの画像をアップロードもしくはURLで指定すると、使用されているfontを解析して、近いと思われるフォントの候補を教えてくれます。
詳しくは以下
何か困った時に非常に役に立つWEBサービスQ&Aサービスの一つであり国内有数の規模の「教えてGoo」からその中でもFirefoxに関する情報をピックアップした「教えて！firefox」がリリースされています。
初心者から上級者までfirefoxを利用する全ての人が対象のWEBサービスで様々な質問と回答が集められています。
詳しくは以下
クリエイティブなデザインを完成させるために必要不可欠な存在とも言えるフォント。最適で、トレンド感のあるものを取り入れるためにぜひ参考にしたいまとめ「20 New Free Fonts For 2019」を今回は紹介したいと思います。
Free Visually Script Font on Behance
比較的最近登場した20種のフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
Facebookに関する制作もWEB制作者の方であれば、個人的にでも仕事でも徐々に増えてきたのではないでしょうか？今日紹介するのは3月末にアップデートされる新タイムラインに対応したFacebookページのpsdテンプレートセット「Free download psd Facebook new fan page GUI」です。
新しくなったタイムラインのベースに、変更できる部分がわかりやすく、サイズと共に記載されていて、制作者側の視点で製作された便利なpsdとなっています。
詳しくは以下
常に最新のデザインをチェックしておきたいアイコン。あたらしいものがどんどんと配布され続けています。そんな中今回は、種類豊富なセットが魅力のフリーアイコンまとめ「30 Free Icons Sets That You Must Have」を紹介したいと思います。
Dribbble – Fblu free icons by buatoom
定番から、少し個性的なテーマまで、1つのセットの中にいろいろな種類がまとまっている嬉しいアイコンセットが多数紹介されています。
詳しくは以下
ハイクオリティなモックアップ素材を使用することで、デザイン性を手軽に高めることができます。今回はそんなフリーPhotoshopモックアップを集めた「New Free PSD Mockup Templates for Designers」を紹介したいと思います。
Free Photoshop Book Mock-Ups | Adazing Design
いろいろな種類のモックアップ素材がまとめられており、アイデア次第でさまざまなシーンで活用することができそうです。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
今までいくつかオンラインストレージを紹介してきましたが、今日紹介するオンラインストレージサービス「Oosah」は音楽や映像、画像などのメディアファイルに限りますがユーザ−登録するだけで1TBまで無料で利用できるオンラインストレージサービスです。
各ファイルアップロードには制限があって、アップロードできるのは、1ファイルが200MBまでのビデオファイル、50MBまでの画像、9MBまでのMP3ファイルとなっています。
詳しくは以下
SMASHINGで罫線のクリエイティブを競うコンテスト「The <hr>-Contest Results – Download your fresh <hr>-line now!」が行われていて、世界中で384人のデザイナーから1290のイメージとソースファイルが集まったそうです。
応募されたhrの一部
本当に様々な罫線が集まったようですが、現在25種類の罫線で決勝が行われていて、読者から投票を募っています。今日は最終に残った罫線を紹介したいと思います。
詳しくは以下
