デザインを開発するという視点でお伝えするクリエイティブBLOG
アナログな雰囲気を演出するには、手描き文字やイラスト、かすれた色合いのオブジェクトなどが使用されることが多いですが、今回紹介するのは、まるでアナログゲームの世界を再現したかのようなアイコンセット「Mario Pixel Icon Collection」です。
8bit世代のピクセル風アイコンが100個セットでダウンロードできるようになっています。
詳しくは以下
Webサイト内でよく見かけるアイコンですが、みなさんはどのように制作しているでしょうか。IllustratorやPhotoshopを使い、JPEGやPNG形式で保存している方も多いかと思いますが、今回紹介するのは、CSSとSVGで作るアイコンセット「Let’s make multi-colored icons」です。
SVGのメリットを活用したアイコンの生成方法が分かりやすく解説されています。
詳しくは以下
アイコンにはさまざまな種類があり、いろいろとストックしておくことでデザイン表現に便利です。そんな中今回紹介するのは、オブジェクト拡大の表現に活用できる ルーペアイコンまとめ「10 Free Magnifying Glass Search Icons Sets」です。
Magnifier Glass Icon (PSD) | bijusubhash.com
10種類の、さまざまテイストのルーペアイコンがピックアップされています。
詳しくは以下
情報をわかりやすく整理して、視覚的に見せてくれるアイコンはデザインのキーアイテム。積極的にデザインに取り入れていきたいもの。今回ご紹介するのは、そんなアイコン好きの貴方におすすめな化学や科学をテーマにしたアイコンセット「104 Free, Radical Science Icons」です。
104 Free, Radical Science Icons
ちょっぴりマニアックなテーマですが、塾や学校など教育関係のデザインなどで活躍してくれそうです。
詳しくは以下
(続きを読む…)
文字で記されているだけの情報よりも、絵で表現されている方が、理解が早くできることもあるはず。そんな中今回紹介するのは、ウェブサイト開発に関するアイコンセット「Smashing Freebies: Website & Development Icon Set」です。
サイトの表現を分かりやすく簡単に表現しているフリーのアイコンセットです。
詳しくは以下
間もなくやってくるバレンタイン。すでにイベントなどで活気ついていると思いますが、そんな中今回紹介するのは、バレンタインのデザインに活用できるフリーアイコンセット「Valentine’s Day Icon Set」です。
可愛らしい、ピンクやレッドなどのバレンタインを連想させるカラーが印象的なポップなアイコンがセットでダウンロードできるようになっています。
詳しくは以下
WEBデザインの世界感を表現する上で便利な素材がパターン。どのようなパターンを背景に用いるのかで全く印象が異なったりします。それだけに様々な背景素材が配布されていますが、今日紹介するのは登録されたパターンをベースにカスタマイズができるパターン配布サイト「HeroPatterns」です。
決められたパターン素材をただ、取得するというものでは無く、登録されたパターンをベースに自分自身でカスタマイズして利用することが可能です。
詳しくは以下
アクセシビリティとはWEBサイトにおいて、どの程度広く使いやすいかを示すもので、利用しやすさといった意味合いで使われる言葉ですが、今回紹介「HAREL」はURLを入力するだけで、サイトのアクセシビリティをチェックしてくれるWEBサービスです。
チェック結果は得点で表示され、どのくらい優れているかわかりやすく表示されます。ざっくりと下判定の他に「マークアップおよびスタイルシートは適切に使用すること 」、「ナビゲーションの仕組みを明確に提供すること 」などカテゴリ別に細かなアドバイス付きの評価も見ることができます。
詳しくは以下
自分の用途に沿って情報の追加を行っていくことができるカスタムフィールド。柔軟にサイトを変えていくことが可能ですが、仕様によっては構築で戸惑ってしまうことも。そんなシーンで役に立つ、WordPressのプラグイン「10 WordPress Plugins to Supercharge Advanced Custom Fields」を今回は紹介していきたいと思います。
ACF to REST API — WordPress Plugins
カスタムフィールドに焦点をあてたプラグインが紹介されています。気になったものをいくつかピックアップしていますので、下記よりご覧ください。
詳しくは以下
今までDesigndevelopでも様々なベクターアイコンを紹介してきましたが、今回紹介する「60 Free Vector Icon Packs for Design Professionals – VECTORTUTS」はプロフェッショナルな現場でも耐えられるアイコンを集めてまとめたのが今回紹介するエントリーです。
かなりの数がまとめられていますが、今回は今まで紹介したことが無いアイコンで、さらにそこから気になったアイコンをいくつかピックアップして紹介したいと思います。
詳しくは以下
立体感のあるリアルな質感から、シンプルでフラットなテイストが主流となってきているアイコンデザイン。汎用性が高く、使いやすいものが多く展開されています。そんな中今回紹介するのは、ライン形状の400種アイコンセット「400+ Vector Outline Icon Set for Designers/Developers」です。
さまざまな種類のベクターアイコンが400種と豊富な種類でまとめられています。
詳しくは以下
ビジネス系をテーマとしたアイコンが多い中、中には個性的なテーマを取り入れシリーズ化したアイコンセットも多数存在しています。そんな中今回紹介するのは、ライフスタイルをイメージさせるハンドメイドアイコンセット「100 Handmade Icons About Home Stuff」です。
手書き風のラフなテイストが印象的なアイコンが100種、セットでダウンロードできるようになっています。
詳しくは以下
デザイン上でフォントを選定するセンスは、作品の表情を左右する程大変重要なものです。特に繊細なデザインフォントは、ラインの太さやバランスなどが選定の際のポイントとなってきます。そんな中今回は、デザインに洗練さを与えてくれるスクリプトフォントを集めた「50 Best Free Script Fonts」を紹介したいと思います。
（Billy Argel Font Font | dafont.com）
マジックでラフに描いたようなフォントから、繊細なラインが美しいタイプまで、さまざまなフォントがラインナップされています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
日々、次々と新しい素材がアップされており、膨大な数の中からどれを選ぼうか迷ってしまうこともあるのではないでしょうか？そんな中今回紹介するのは、webデザイナーならチェックしておきたいフリー素材がピックアップされた「50 incredible freebies for web designers」です。
いろいろな種類のフリー素材が紹介されており、どれも使ってみたくなるクオリティの高いものばかりが揃っています。
詳しくは以下
webデザインを手がける際によく素材として利用するアイコンは、小さな存在ながらもそれ1つで大きな意味を集約し、ユーザーに分かりやすいように伝えてくれる重要な要素として活用されています。そんな中今回紹介するのは、アナログテイストなデザインに最適なアイコンセット「Ultimate Collection of Free Hand Drawn Icons:27 Excellent Sets」です。
ラフなタッチがデザインに表情を添えてくれる、さまざまなテイストのアイコンが収録されています。気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
世界各国でWEBは構築されており、今日もどこかで様々なデザインのWEBページが制作されています。今日紹介するのはそんな数あるWEBデザインのなかからシンプルなWEBデザインばかりを集めたデザイン集「siiimple」です。
どれもシンプルで写真と文字、そしてすっきりとスペースを活かしたそんなデザインが多数登録されています
詳しくは以下
