デザインを開発するという視点でお伝えするクリエイティブBLOG
アイコンにもさまざまな種類がありますが、中でも動きを取り入れたアニメーションアイコンは、通常のアイコンに比べデザインに動きと個性を与えてくれます。そんな中今回紹介するのは、なめらかな動きが特徴のフリーアニメーションアイコンセット「Free download: 20 animated icons」です。
20種類という限定された数ではありますが、可愛らしい印象の動きに特徴のあるアイコンがセットでダウンロードできるようになっています。
詳しくは以下
特にwebデザインシーンで重宝するアイコン素材には、非常にたくさんの種類やテーマのものが存在し、フリー配布されてます。そんな中今回紹介するのは、さまざまな種類のアイコンが揃った「325+ Best flat premium & free vector icons」です。
描写やテーマなど、多彩な表現のアイコンセットがまとめられており、どれも魅力的で個性的なものばかり。気になったものをピックアップしましたので、下記より御覧ください。
詳しくは以下
webの世界で特に頻繁に利用することの多いアイコン。常に最新のデザインをチェックされている方も多いのではないでしょうか？そんな中今回紹介するのは、使える・デザイン性の高い 最新のフリーアイコンセットまとめ「16 Free & Fresh Icon Sets For Web Designers」です。
Freebie: Voyage Icon Set (40 Icons, AI, EPS, SVG, PNG) – Smashing Magazine
いろいろなテーマのアイコンがピックアップされており、どれもダウンロードしておきたくなるものばかり。気になったものをピックアップしましたので、下記より御覧ください。
詳しくは以下
すでに冬シーズンは到来。そしてもうすぐクリスマスがやってきます。デザインシーンでもクリスマスのテーマが大詰めを迎えている頃だと思いますが、今回紹介するのは、クリスマス&冬シーンにぴったりなフリーアイコンセット「Free Christmas & Winter Icon Set」です。
ポップで可愛らしいテイストのクリスマス&ウインターアイコンのセットがダウンロードできるようになっています。
詳しくは以下
現在主流となっているフラットテイストのデザイン。その流行に合わせて、配布される素材も対応したデザインのものが非常にたくさん見られます。そんな中今回紹介するのは、主流のフラットデザインに対応したアート系ツールのベクターアイコンセット「Flat Vector Art Tools Icon Set」です。
アート系の作業で使用する道具等がアイコン化されており、セットでダウンロードできるようになっています。
詳しくは以下
数字などのデータをビジュアルで表現したい時に使用するグラフやチャートはとても便利なグラフィック。いろいろなシーンで活躍してくれますが、今回はそんなグラフやチャートのベクターグラフィックコレクション「Vector Graph & Chart Collection」を紹介したいと思います。
Free Collection of 36 Vector Graphs & Charts
白黒タイプ、またカラータイプの2種類のグラフ・チャートのベクター形式の素材がフリーでダウンロードできるようになっています。
詳しくは以下
デザインの基本設計を示すワイヤーフレームは初期段階での打ち合わせや、提案などでのデザインのすり合わせには欠かせない存在です。今回ご紹介するのはそんなワイヤーフレームを、制作する際に是非活用したいハイクオリティなワイヤーフレームテンプレート「iBlocks – iiOS Wireframe Kit」です。
iBlocks – iOS Wireframe Kit Freebie | Day 61/365 – Project365 by Kishore – Dribbble
スマートフォンのワイヤーフレーム作成時に役立つ、使用頻度の高い基本設計が24種類集められています。
詳しくは以下
(さらに…)
デザイナーにとって必要なスキルは幾つかありますが、中でもPhotoshopの操作は必須。今回はそんなPhotoshopでのWEB制作のチュートリアルがまとめられた「35 High Quality Photoshop Web Design Tutorials」を紹介したいと思います。
How to Make a Light and Sleek Web Layout in Photoshop
基本的な枠組みから手の込んだサイトまで、35種類のチュートリアルが集約されています。
詳しくは以下
植物などをモチーフにしたテクスチャ素材は、デザイン制作の際に非常に重宝します。たくさんの種類を知っていることで、さらにデザインの幅はさらに広がるはずです。そこで今回は、テクスチャ素材のストックに是非取り入れたい、麦わらや干し草のテクスチャ素材をまとめた「35 Free Straw and Hay Textures」を紹介したいと思います。
（Hay Texture by ~WKJ-Stock on deviantART）
キレイに整頓された麦わらや、土の上に無造作にかぶさった枯れ草など、さまざまなシーンのテクスチャがラインナップされています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
非常に種類豊富に展開されているフリーアイコン。使い道もさまざまで、素材としてよく利用される方も多いのではないでしょうか？そんな中今回紹介するのは、ビジネス・オフィスシーンなどに活用できるフリーアイコンセット「Dashel Icon Set」です。
フラットでポップなテイストが特徴の45種のアイコンが、セットでダウンロードできるようになっています。
詳しくは以下
デザインの質感をだしていくのに便利なテクスチャですが、今日紹介する「30 Most Incredible Textures for Vintage Style Design」はテクスチャの中でも、ビンテージ感を出せるテクスチャをまとめたエントリーです。
沢山のビンテージ感溢れるテクスチャが公開されていますが、今回はその中から気になったモノをいくつか紹介したいと思います、詳しくは以下
詳しくは以下
関連記事の表示はSEO的にも効果を発揮するし、読者にとっても有益なリンクだと思います。今回紹介する「Related Posts Link」は手動で関連記事を記事に差し込む事ができるWordPressプラグイン「Related Posts Link」です。
1. 配布元の「erwin@terong » WP Plugin: Related Posts Link」より terong_related.phps を保存し、terong_related.php にリネーム。
2.[terong_related.php]を「wp-content/plugins/」アップロード
3.Related Posts Linkのプラグインを有効化。
1. 記事投稿画面から関連付けを行いますが、新規投稿時には何も表示されません。関連記事を挿入する為には一旦記事を保存する必要があります。
2. 保存済み記事の記事投稿画面では、下記の画像のようにウィンドウの右上端に「Related Links」の項目が表示されます。
※「Related Links」をクリックすると保存時の状態に戻ってしまうため、追加編集したら必ず保存してから「「Related Links」」をクリックしてください。
3. 「 Related Links」をクリックすると、下記の画像のような実際に関連付けを行う別画面で開きます。
※リストは投稿ステータスが「公開」の記事のみ。公開ステータスのパスワード付き記事はリストアップされますが、草稿・非公開の記事および「ページ」はリストアップされません。
4. 関連付けたい記事にチェックを入れ、[Update]ボタンをクリック、[Close this Window]をクリック。これで関連記事が表示されているはずです。
自動で関連記事を表示してくれるプラグインもありますが、DesignDevelopでは精度を上げる為に手動で関連記事を挿入する方法をとりました。膨大に記事を書いている方やジャンルが多岐にわたる方はタグによる関連記事の自動表示とかの方が良いかもしれません。
医療関係のデザインは、専門的な内容も多いだけに、できるだけわかりやすくユーザーに視覚的に伝えることが重要にもなってきます。そんなときに知っておくと便利なまとめ「30 Free Medical Icon Sets You Can Download」をご紹介していきたいと思います。
Vector Medic – Download Free Vector Art, Stock Graphics & Images
医療向けのアイコンに特化してさまざまな種類・テイストのものがまとめられています。以下にいくつかピックアップいたしましたので、ご覧ください。
詳しくは以下
制作にとても便利なテクスチャ。さまざな質感を簡単にデザインに付与してくれますが、今回紹介するのはそのなかでも汎用性が高く、どんなデザインにも使える紙のテクスチャを集めたエントリー「35 High-Quality and Free Paper Textures」です。
Free High Res Grungy Paper Textures | BittBox
方眼用紙のようなものから、少し古びた紙、グランジの効いた紙などなど、様々なテクスチャがまとめられています。セットの内容がいくつか掲載されていましたので、下記に紹介したいと思います。
詳しくは以下
実にいろいろな種類が存在するテクスチャ。フリーで配布されているものも非常に多く、気に入ったものは常にチェックされている方も多いと思います。そんな中今回紹介するのは、ティッシュなどの柔らかい紙をフリーテクスチャ化した「12 Free Tissue Texture For Your Designs」です。
Tissue paper texture by MapleRose-stock on DeviantArt
くしゃっとした紙ならではの質感がしっかりと表現されたフリーテクスチャがまとめられています。気に入ったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
