デザインを開発するという視点でお伝えするクリエイティブBLOG
WEBでは欠かせないナビゲーションやボタン。様々な作り方がありますが、今日紹介するのはCSSで作るナビゲーションメニューの作り方のチュートリアルを集めたエントリー「Complete Toolbox: 55 CSS Menu And Button Coding Tutorials」です。
スライダー用から、タブメニュー、角アールのグラデーションメニュー、動きの付いたアコーディオン、プルダウンなどなど、CSS作れる様々なナビゲーションとボタンが公開されています。全部で55のチュートリアルが公開されていますが、今回はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
デザインの質感をだしていくのに便利なテクスチャですが、今日紹介する「30 Most Incredible Textures for Vintage Style Design」はテクスチャの中でも、ビンテージ感を出せるテクスチャをまとめたエントリーです。
沢山のビンテージ感溢れるテクスチャが公開されていますが、今回はその中から気になったモノをいくつか紹介したいと思います、詳しくは以下
詳しくは以下
レスポンシブが盛んな昨今。PCとスマートフォン両方で使用することができ、かつ綺麗に表示させることが可能なSVGファイルは、非常に便利。今回ご紹介する「40 Excellent SVG Tools and Dozens of Icon Sets」ではSVGに焦点をあてた便利なツールがまとめられています。
SVGファイルを編集してアニメーションを制作できるツールなどこれから必要になるコンテンツが多数収録されており、その中から気になったものをいくつかピックアップしていますので下記よりご覧下さい。
詳しくは以下
さまざまなグラフィックシーンで活躍してくれるソフト・イラストレーター。デザイナーとして活動されている方のほとんどが使用されているかと思います。今回はそんなデザイナーにおすすめ、イラストレーターでつくり上げるグラフィカルデザインのチュートリアルまとめ「Illustrator Tutorials: 23 New Tutorials to Learn Essential of Illustration」を紹介します。
Create texture shading in Adobe Illustrator – Illustrator Tutorials – Vectorboom
イラストレーターの機能を使ったクリエイティブなデザインのグラフィック作成の方法が、分かりやすく紹介された記事がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
制作には非常に便利なjQueryプラグイン、世界中で利用されているだけに、日々、様々なjQueryプラグインがリリースされています。今日紹介するのは2011年に公開されたjQueryプラグインを寄りすぐったまとめ「Best jQuery Plugins of 2011」です。
様々なjQueryプラグインが公開されていますが、今日はその中から気になったプラグインを紹介したいと思います。
詳しくは以下
デザイナーにとっては制作に欠かせないフォント。実にさまざまな種類のフォントが存在しており、中にはフリーで使用できるものも多く、重宝しているという方も多いのではないでしょうか？そんな中今回紹介するのは、50種のフリーフォントまとめ「50 Handpicked Free Fonts for Designers」です。
定番として利用できるものから、個性溢れるタイプまで、いろんなテイストのフォントが紹介されています。
詳しくは以下
グラフィックデザインを行う上で非常に役立つphotoshop。様々な加工や処理ができ、その奥深さは無限に広がっており、様々な表現が可能です。Designdevelopでもphotoshopを使ったチュートリアルは今までいくつか紹介してきましたが、今日紹介する「The 100 Most Popular Photoshop Tutorials 2008」は2008年中にphotoshop Ladyで紹介されたチュートリアルのランキングとなっています。
一年間の総括のエントリーですので、ジャンルを問わず様々なチュートリアルが公開されていました。今日はその中から気になったphotoshopチュートリアルをいくつかピックアップして紹介していきたいと思います。
詳しくは以下
アイコンには機能などをグラフィックに置き換えてユーザーに分かりやすく示す役割があります。そんな中今回は、食べ物からビジネスアイテムまで様々なアイテムが揃う、ポップなカラーが魅力的なフラットアイコンセット「Magicons: 2867 Flat Icons」の紹介です。
様々なシーンで活用できるフラットなアイコンセットです。
詳しくは以下
デザインで写真を印象的に見せる際に使用することの多い写真風の加工。実際にフレームを手作りで制作しても良いのですが、やはり素材を使うことで、今まで自分では作ってこなかったような、新しい表現が可能になるものです。今回はそんな時に是非利用したい、アンティークなポラロイド風ビジュアルを簡単に作成できる「Free Polaroid Frames Psd」を紹介したいと思います。
デザイン処理として人気が高く、そして非常に使いやすいため重宝される、5種類のアンティークテイストなポラロイドフレームのpsd素材です。
詳しくは以下
以前Designdevelopでは「面接で差をつけるフリーデザイン履歴書集「38 More Beautiful Resume Ideas That Work」」と言う記事で、デザイナーの為のデザイン性のある履歴書を紹介しましたが、今日紹介するのは堅い履歴書ではなくて、クリエイティブでワンシートで見せる経歴書をまとめたエントリー「30 Artistic and Creative Résumés」を紹介したいと思います。
グラフィカルにまとめたものから、機能的にスキルをわかりやすく表現した物まで、様々な経歴書が紹介されています。
今回はいくつか公開されている物の中から気になったものをいくつかピックアップして紹介したいと思います。
詳しくは以下
かなり様々な動きができるようになったCSS3。まだ対応していないブラウザは依然として市場に多いのですが、クリエイティブに特化したWEBなどでは非常に使い勝手が良いです。今日紹介するのは、CSS3で実現するクリエイティブなローディングセット「CREATIVE CSS LOADING ANIMATIONS」です。
いままでのCSSではgifアニメに頼らなくてはいけなかった部分が全てCSSのみで制作されています。
詳しくは以下
公開されているローディングは全部で4つ、どれもアニメーションが効いていて気持ちのいい動きをしてくれます。基本的には画像ファイルなどは一切利用しておらず。純粋にHTMLとCSSで書かれています。原文では、HTML側と、CSS側のソースが合わせて開示されており、コピーして利用することができます。
HTMLとCSSなのでノンプログラマーでも比較的カスタマイズしやすいのではないでしょうか？ローディング処理を探していた方は是非どうぞ。
