デザインを開発するという視点でお伝えするクリエイティブBLOG
WEBデザインを円滑にしてくれるアイコンセット。様々なテーマでアイコンセットが日々公開され、クリエイターの制作活動の一助となっていますが、今日紹介するのはWEBデザイン自体をテーマにしたフリーのアイコンセット「100 Web Design Icons 」です。
このアイコンセットはWEBデザインでよく見かける、ワイヤーフレームやビデオプレイヤー、解析画面、スマートフォンなどのUIなどなど、WEBデザインをテーマにしたアイコンが全部で100個収録されています。アイコンの一覧が公開されていましたので以下からご覧ください。
詳しくは以下
自身の分身として表示されるアバター。皆様は何を設定されているでしょうか？ソーシャルメディアが広く利用され様々な種類がある今アバターもデザインダミーとして制作しなくては行けないなんてことも増えてきたと思います。今日紹介するのはフォーマルからアニマルまでフリーで利用できるベクターアバター「Avatar vector collection」です。
「Avatar vector collection」はベクターで制作された全54種類ものアバターがまとまっており配布されているものです。人間が42種類、動物が12種類収録されています。収録されている全アバターは以下からご覧ください。
詳しくは以下
WEBサイト制作において重要なアイコン。あまり面積を取ること無く、端的に直感的にわかりやすく表現できるアイコンはスマートフォンが中心となったWEB制作現場ではますます重要な存在となっている気がします。それだけにぴったり表現されたアイコンというのはクリエイティブや最終的な使い勝手に大きな影響を与えます。今日紹介するのは、少し変わったデザインと学びを表現したアイコンセット「Creativity & Learning Icon Set 」です。
このCreativity & Learning Icon Setは鉛筆だったり虫眼鏡、顕微鏡、三角フラスコ、顕微鏡で見た世界など全部で30のアイコンがまとめられています。
詳しくは以下
文字のストロークの端にある小さな飾りがあるセリフ体フォント。セリフが無い書体と比べると、特徴的な印象が強いのですが、今日紹介するのはキレイ目からPOPまであらゆるセリフ書体を集めた「43 Free Serif Fonts to Dream of」というエントリー。
Butler – FREE FONT on Behance
Licence: Free for private and commercial use
Format: OTF
様々なタッチのセリフフォントが集められており、ライセンスやフォーマットも合わせて明記されています。今日はその中でも気になったフォントを幾つかピックアップしたいと思います。
詳しくは以下
解像度が多様化してきてWEB制作の一つの主流となっているレスポンシブデザイン。多くの場合解像度によって画像を出し分けたり、フォントサイズを可変したりと解像度ごとの処理をしていると思います。今日紹介するのはそんなレスポンシブデザインの精度をより高める、レスポンシブに利用できるフリーアイコンセット「Responsive Office Icons」です。
こちらのアイコンは16px、30px、40px、80pxと4段階で制作されており、さらに素晴らしいのが、単純に大きさを変えているだけでは無くて、大きさによって作りこみ度合いを変え視認性を確保しています。
詳しくは以下
ロゴやバッジなどを制作する際にとても便利なフリーテンプレート素材は多数配布されていますが、たくさんの中からどれを選んでよいか迷ってしまうことも。今回はそんな時に参考にしたい、ヴィンテージ調のロゴデザイン作成に活用できる「15 Free Vintage Logo Template Collections」を紹介したいと思います。
Freebie: 5 Vector Insignias | Every-Tuesday
アンティークな雰囲気を感じることができるロゴテンプレート、いろいろな種類がセットでダウンロードできるようになっています。
詳しくは以下
すこし前になりますが、WordPress 2.6が正式リリースされました。designdevelopはWordPressで動かしているため、今日はWordPress2.6の新機能や改善点を勉強がてら、エントリーしたいと思います。
WordPress 2.6では、Wikipedia式に、誰がいつ、どの書き込みにどんな変更を加えたかが分かり、間違った場合にもとのバージョンへと簡単に戻ることができる「Post Revisions」機能や、別のサイトやページを閲覧している最中にブックマークレットを押すと、見つけたビデオや写真などを、簡単に自分のブログに引用できる「Press This」などという大きな新機能も加わっています。改善点や新機能をまとめたプロモーションビデオが公開されていましたので、下記に貼り付けておきます。
動画は以下から
今までフリーでダウンロードできる様々なデザイン素材をDesigndevelopでは紹介してきましたが、今回紹介する「For Designer.com」はベクターデータ、PSDデータ、Flash、画像、テンプレートなどなど、様々な形式のデザイン素材をダウンロードできる素材配布サイトです。
公開されている数々の素材。
ありとあらゆる素材が公開されていますが、今回は公開されている素材の新着データの中からいくつか気になったものを紹介したいと思います。
詳しくは以下
クリスマスが間近に迫り、さまざまなクリスマスツールを制作されている方も多いと思います。今回はそんなシーンにとても便利なフリーベクターアイコンセット「Free Christmas Vector Icon Set」を紹介したいと思います。
クリスマスをイメージさせる定番のアイテムを中心に、編集・加工可能なベクタータイプにて収録されています。
詳しくは以下
メッセージや電話が無料でも楽しめると人気の高いSkypeは、遠くはなれた両親や友人との交流や社内での伝達用にと、さまざまな場面で利用されています。今回はそんなスカイプのアイコンをアレンジして、より注目度をアップさせられるアイコンデザインをまとめた「30 Free To Download and Eye-catching Skype Icons」を紹介したいと思います。
Skype replacement icons by *GianlucaDivisi on deviantART
カラー展開の豊富なアイコンから、いろいろなものをモチーフに制作されたアイコンまで、さまざまなスカイプアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインや開発を行っている方にとって、作品をまとめたポートフォリオは、自分の技術やデザイン力を知ってもらう重要な手段です。そこで今回は、ポートフォリオ制作に役立つデザインやアイデアに優れたポートフォリオサイトを集めた「20 Awing Portfolio Websites」を紹介したいと思います。
Sam Dallyn – Art Direction/Design
さまざまなクリエイターが見せ方にこだわって制作したサイトが、豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
アプリには必要不可欠なアイコン。テキストよりもアイコンで伝えることが多く、ほとんどのユーザーもアイコンで直感的に機能を理解して操作を行うことが多いのではないでしょうか。それくらい重要なアイコンを探している方におすすめできる、「140+ Free Vector UI Icons (SVG)」を今回はご紹介していきます。
複数のテーマにわけられてシリーズ展開されているアイコンまとめになります。
詳しくは以下
前回photoshopのブラシを100個集めたサイトを「PhotoShopブラシを100個集めた「100 Awesome High Resolution Photoshop Brushes」 | DesignDevelop」と言う記事で紹介しましたが、今回はそれを遥かに上回る800個ものphotoshopのブラシを集めたエントリー「Más de 800 brushes para Photoshop」を紹介したいと思います。
数はかなり多いのですが、前回紹介したサイトと同じくブラシで作られたイメージサムネイルを見ながら選べると言うものになっていますので見やすく、どんなブラシかわかりやすくなっています。
詳しくは以下
さまざまなデザイン制作の場で使用されるアイコン。デザインテイストに合わせたアイコンが揃っていれば、クオリティを格段にアップさせることができるのではないでしょうか？そこで今回紹介するのが、公開されたばかりの新しいフリーアイコンセットを集めた「30 Fresh and Free Icon Sets for Designers and Developers」です。
ラフなテイストのアイコンから、立体的なデザインのアイコンまで、さまざまなアイコンが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBサイトに欠かせないUI/UXの一つローディング。この小さなアニメーションで多くのストレスが軽減でき、かつ世界観を表現できます。ローディングアニメーションには様々な作り方がありますが、今回紹介するのはCSSのみで実現するカラフルポップなローディングアニメ「CSS PIN」です。
全部で10個のローディングアニメーションが公開されており、どれもクリエイティブでポップな印象を受けます。
詳しくは以下
デザイン制作に欠かせないアイコンですが、細かい部分までしっかりと表現しようと思うと制作に時間がかかるもの。そこで今回紹介するのが、PSDフォーマットで制作された、表現力の高いアイコンセットをまとめた「40 Fresh And High Quality Free Icon Sets In PSD Format」です。
イラスト感の可愛いアイコンや、立体感・リアリティのあるクオリティの高いアイコンが多数紹介されています。中でも気になったものといくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
