デザインを開発するという視点でお伝えするクリエイティブBLOG
webデザイン制作に頻繁に使用するアイコンは、できるだけ豊富に種類を所持しておきたいもの。そんな中今回は、明るい色合いのポップテイストなアイコンセット「Free Icons: Candy UI Icon Set」を紹介したいと思います。
使用頻度の高い定番のデザインを中心に、全部で120個のアイコンがセットになっています。
詳しくは以下
最近ではクラウドコンピューティングを用いたシステムを利用して、いつでもどこでも仕事ができる体勢を整えている方も多く、そのようなサービスを提供しているサイトも少なくありません。そんな中今回は、クラウドサービスアイコンを制作する際のヒントとなる、表現力の高いクラウドアイコンをまとめた「50+ beautiful cloud icons」を紹介したいと思います。
Dribbble – weather icons by matt yow
シンプルなクラウドマークをはじめ、デザイン性の高いアイコンが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
日本国内でのブラウザシェア率トップは依然として「Internet Explorer」ですが、「Chrome」「Firefox」もシェア率が増えており、デザインで各サブラウザのロゴマークを利用することも増えているのではないでしょうか？そんな中今回紹介するのが、ユニークなFirefoxアイコンをまとめた「30 Interesting Firefox Icons for Free」です。
Firefox Icon – GP Icons – Free Icons – SoftIcons.com
立体的なアイコンからカラーバリエーション豊富なアイコンまで、さまざまなFirefoxアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
スケジュールや日付表記などをデザイン上で表現するのに役立つカレンダータイプのアイコン。ベースがシンプルなだけに、デザインに工夫を凝らしたさまざまバリエーションが存在しています。今回はそんなカレンダーアイコンをまとめた「30 Beautiful Sets Of Free Calendar Icon」を紹介したいと思います。
詳しくは以下
テイストによって使い分けができる多彩な種類のアイコンがまとめられています。中でも気になったものをまとめてみましたので、下記より御覧ください。
パソコンを使う上で必須アイテムとなっているマウス。その操作の軌跡を教えてくれるカーソルは、パソコン操作を行うために重要なアイコンです。今回は、そんなカーソルアイコンを集めた「30 Sets of Free Cursor Icon」を紹介したいと思います。
Radioactive Cursor Set by *kath660 on deviantART
シンプルなアイコンから、イメージ的なアイコンまで、さまざまなカーソルアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
最近ではただ平面的なアイコンを制作するより、立体感や素材感のあるアイコンで、アピール度をアップさせているデザインを良く見かけます。そんな中今回紹介するのが、レザーテクスチャをモチーフにしたアイコンをまとめた「A Great Collection Of Free Leather Style Icons in 26 Sets」です。
Keka File Type Icons by ~prcmelo on deviantART
レザーの特徴を活かしたクラフト感のあるアイコンが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
フリーでたくさん配布されているフォントの数々。日々いろいろな種類をストックされている方も多いのではないでしょうか？そんな中今回紹介するのは、デザイン表現をもっと豊かにしてくれるフリーフォント「Useful And Free Thin Fonts To Download」です。
QUARZ 974 Light | Free Font on Behance
個性的なデザイン性のあるフリーフォントが紹介されており、どれも使ってみたくなる魅力的なものばかり。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
今流行のデザインのひとつである手書きフォント。筆跡によって印象が全く異なり、とめはね一つでイメージが変わる奥が深いフォントです。今回はそんな手書き風フォントから太めのシルエットが特徴のフォント「Willful Handwritten Brush Font」をご紹介します。
筆で書かれたような緩やかな筆致が特徴のボリューム感のある手書き風フォントです。
詳しくは以下
(さらに…)
Designdevelopでは様々なphotoshopチュートリアルを紹介してきましたが、今回紹介するエントリーはApple関連のphotoshopチュートリアルを集めた「35 Photoshop Tutorials Inspired by Apple 」です。製品写真から、壁紙、サイト、またはFlashまで様々なApple関連のphotoshopチュートリアルがまとめられています。
全部で35個のチュートリアルが紹介されていて有名なものも多数ありますが、今回はその中から気になったチュートリアルをいくつかピックアップして紹介したいと思います。
詳しくは以下
ネットサーフィンをしていると、表現力の優れたサイトに立ち寄ることが多くなると思います。それは表現力に優れたサイトは、クリエイティブ性やユーザビリティへの配慮が行き届いており、過ごしやすい空間になっているからではないでしょうか？そこで今回は、シンプルな表現の中に優れたwebサイトの特徴が詰まっているwebサイトデザインまとめ「Best Minimal Web Design I Recently Bookmarked」を紹介したいと思います。
Minimal-Web-Design-Inspiration
シンプルな構成の中に、行き届いた細部へのこだわりを感じるwebサイトが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
近年Webデザインに導入する機会が増えてきた「SVG」。拡大や縮小が容易にできる為、レスポンシブ性が求められるWebデザインに適応するフォーマットとして注目を集めています。今回ご紹介するのはそんなSVGを利用した背景を容易に生成できる「SVG Backgrounds」です。
シームレスで拡大と縮小に適応したSVGバックグランドをCSSコードで入手することができます。
詳しくは以下
(さらに…)
デザインに多彩な表現を加えることが可能となるCSS3。もはや欠かすことのできない存在として確立していますが、今回紹介するのはオブジェクトにさまざまな動きを実現できるCSS3アニメーション「Create Special Effects with Magic CSS3 Animations」です。
CSS3を利用し1つのオブジェクトに与えられる、いろいろな動きのバリエーションがまとめられています。
詳しくは以下
デザインのクオリティを高めるためには、奥行きを感じさせるデザイン制作を心がけることが重要です。そんな中今回紹介するのが、手軽にデザインにニュアンスをつけられる、光の表現がきれいなPhotoshopブラシをまとめた「30 Free Dazzling Photoshop Bokeh Brushes」です。
（Bokeh Brushes by ~thethiirdshift on deviantART）
デザインにふわっとした幻想的な雰囲気を演出できるさまざまなブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
ブログの使い方にもよると思いますが、記事を頻繁に書く人はブラウザで管理画面にログインして投稿という手順が面倒だなと思うことがあるかと思います。今回紹介するWidget「WordPressDash」はそんな面倒な一連の動きを省いてくれるMac OSX Widgetです。
インストール後画面右上の「i」マークを押して設定します。XML-RPC：URLとユーザー名とパスワードを入力し「Done」のボタンを押せば設定完了上記のように「WordPressDash」の下にブログ名表示されれば成功です。
詳しくは以下
医療系分野は専門用語も多く、ユーザーにわかりやすくサイトやパンフレットを使用してもらうためには、視覚的に説明できるアイコンが効果的です。そんなシーンで役に立つ医療系アイコンのまとめ「20 Free Medicine Icon Sets You Can Use」を今回はご紹介していきたいと思います。
Health Icons by UI8 – Dribbble
洗練されたストロークアイコンからカラフルなアイコンまで幅広く収録されています。下記にいくつかピックアップ致しましたので、ご覧ください。
詳しくは以下
テクスチャのなかでも素材によって、柔らかい印象だったり、高級感を演出したりと様々なデザインの雰囲気を演出に使えるテクスチャ「布」ですが、今日はそんな布のテクスチャを集めたエントリーを「25 Free High-Res Fabric Textures part1&part2」を紹介したいと思います。
バリエーション豊かなテクスチャが集められていますので、どんなデザインにも役に立ちそうな気がします。
詳しくは以下
