デザインを開発するという視点でお伝えするクリエイティブBLOG
現代のWebデザインに置いて欠かせない基礎設計となっている、レスポンシブレイアウト。PCとスマートフォンでの見え方の違いを手軽にチェックしたい、そんな時の手助けとなる便利なテストツールをまとめた「7 Free Tools For Testing Responsive Layouts」を今回は紹介したいと思います。
7 Free Tools For Testing Responsive Layouts | Webdesigner Depot
使いやすい全てフリーで利用できるツールが7種ご紹介されています。その中から幾つかおすすめのツールをピックアップしてまとめましたので、是非ご覧ください。
詳しくは以下
(続きを読む…)
アイコンには機能などをグラフィックに置き換えてユーザーに分かりやすく示す役割があります。そんな中今回は、食べ物からビジネスアイテムまで様々なアイテムが揃う、ポップなカラーが魅力的なフラットアイコンセット「Magicons: 2867 Flat Icons」の紹介です。
様々なシーンで活用できるフラットなアイコンセットです。
詳しくは以下
WEB制作に便利に使えるアイコンセット。上手く使えばユーザーインターフェイスの改善やデザインのクオリティアップに役立ちます。今日紹介するのは商用可！ベクターで使えるアイコンセット「Free Exclusive Vector Icon Pack: Web User Interface」です。
全部で5種類のアイコンがセットになっていて、RSSや検索窓用の虫眼鏡などWEBのユーザーインターフェイスに使えるアイコンがセットになっています。
詳しくは以下
見た目の美しさと操作性、どちらもwebデザインには欠かせない重要な要素です。そこで今回は、美しいインターフェイスのwebデザイン「50+ Brilliant Web Design Interface From deviantArt」を紹介したいと思います。
（Ipie template by *krike06 on deviantART）
ジャンルは様々ですが、どのデザインも洗練さと使いやすさ、そしてwebデザインとしての美しさを兼ね備えたものが多数紹介されています。気になったデザインをいくつかピックアップしてましたので、下記よりどうぞ。
先日Designdevelopの「商用可！ベースメントに最適なWordpressテーマ「Empty Canvas」」と言う記事で極めてシンプルでなwordpressのテーマを紹介しましたが、今日紹介する「40 Stylish, Minimal and Clean Free WordPress Theme」も同じくシンプルでカスタマイズの自由度の高そうなwordpressのテーマを集めたエントリーです。
全部で40ものテーマが紹介されており、どれもシンプルでクオリティが高いものが揃っています。今日はその中からいくつか気になるものをピックアップして紹介したいと思います。
詳しくは以下
インターネットやスマートフォン・タブレットなどの各種媒体のデザインにおいて、欠かすことのできない存在となっているアイコン。限られたスペースであっても、イラストによって手軽に意味を表現できる存在として重宝されています。そんな中今回紹介するのは、web・モバイルサイト制作に活躍するアイコンセットをまとめた「30 Free Web and Mobile Icon Sets from 2014」です。
（Download 100 Free Line-Style Icons | Elegant Themes Blog）
たくさんの種類のアイコンが紹介されており、ストックしておくことで便利に利用することができるようになっています。
詳しくは以下
一般的なサイトを制作するよりもPHPや独自タグなど様々な知識が必要となるWordpressテーマの制作。普段から利用している方であればそこまで難しくない事かもしれませんが、HTMLタグの範疇からまだ出ていない技術者にとっては敷居が高いと作業だと思います。今日紹介するのはブラウザで確認しながらベーステーマが制作できるWPテーマジェネレーター「Wordpress Theme Generator」です。
上記のようなWPで完成されたサイトを見ながら右のメニューでカスタマイズする事が可能です。
詳しくは以下
デザインの反映をよりリアルに見せることができるモックアップは、とても重要な役割を果たしてくれます。データ上で見ているだけではイメージしづらいものを形にしてくれる、そんなフリーのモックアップテンプレート集「Free PSD Mockup Templates (30 Fresh Mock-ups)」を今回は紹介します。
Corporate Identity Mockup – free psd on Behance
30種類のさまさまなアイテムのモックアップが集約されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
ロゴデザインは企業や団体を表す非常に重要なもので、そのデザインもクライアントの数や業種によっても異なり、多様性を極めています。今日はそんなロゴデザインのインスピレーションを得られるロゴデザインコレクションをさらに集めたエントリー「25 Amazing Logo Collections」を紹介したいと思います。
Logos 08 on the Behance Network
様々な業種、テイストのロゴがまとめられています。今日は公開されているものの中から気になったものをいくつかピックアップして紹介したいと思います。
詳しくは以下
制作ツールのひとつで世界中のクリエイターに利用されているphotoshop。制作側の方であれば誰しもが利用された事があるツールだと思います。今日紹介するのはPhotoshopを利用した制作に便利なphotoshopカスタムシェイプを集めた「Collections of Useful Photoshop Custom Shapes」です。
シンプルなものから細部まで書き込まれたものまで様々なカスタムシェイプがまとめられていますが、今日はその中からいくつかピックアップしたものを紹介したいと思います。
詳しくは以下
制作にとても便利なテクスチャ。さまざな質感を簡単にデザインに付与してくれますが、今回紹介するのはそのなかでも汎用性が高く、どんなデザインにも使える紙のテクスチャを集めたエントリー「35 High-Quality and Free Paper Textures」です。
Free High Res Grungy Paper Textures | BittBox
方眼用紙のようなものから、少し古びた紙、グランジの効いた紙などなど、様々なテクスチャがまとめられています。セットの内容がいくつか掲載されていましたので、下記に紹介したいと思います。
詳しくは以下
