webサイトで、画面を読み込みする際に表示されるローディングのアクション、シンプルになりがちなところだけに、こだわりを持つことでサイト自体のクオリティアップにつなげることができると思います。そんなシーンに是非利用したい、クリエイティブ性の高いローディングデザインまとめ「41 Eye-catching Progress and Loading PSD Files」を紹介したいと思います。
基本的なシンプルなものが多いですが、細かな部分に独自のセンスが感じられるデザインが多数収録されています。中でも気になったものをまとめましたので、下記よりご覧ください。
詳しくは以下
多くのクリエイターに利用されているソフトウェアAdobe Illustrator。レイアウトするだけではなく高度なグラフィック表現も可能ですが、奥が深すぎてその機能を活かしきれていないという方も多いはず。今日紹介するのは質感再現から基礎まで学べるイラストレーターチュートリアル「20 Useful Adobe Illustrator Tutorials and Resources」です。
How to Create a Beautiful Mixed Media Illustration
様々なテイストのグラフィックのチュートリアルが紹介されていますが、今日はその中から幾つかピックアップして紹介したいと思います。
詳しくは以下
難しい資料に目を向けるには、相当な時間と忍耐力が必要になるので、避けてしまいがちという方も多いのではないでしょうか?そんな中最近では、難しい統計資料などをグラフやイラストを利用して分かりやすくまとめた、インフォグラフィックが注目を集めています。そこで今回紹介するのが、インフォグラフィックのベースデザインに使いやすいベクター素材「Free download: Infographic Vector Kit」です。
グラフデザインはもちろん、パーツ作りやレイアウトの参考にもなりそうなベクター素材となっています。
詳しくは以下
使用する種類によってデザインのイメージが変わってしまう程、フォントはとても重要な役割を果たしてくれる存在。選定する際は慎重にデザインにぴったりなものを選びたいものです。そんな中今回紹介するのは、16種のデザイン性の高いフォントまとめ「16 Free Fonts and Typefaces for January 2014」です。
(Marshall Font + Free Download on Behance)
どれもデザインクオリティが高いので、選定の際にどれを選んでも制作物の質をアップさせることができそうです。
詳しくは以下
企業のシンボルや、ブランディング、プロモーションなどに使用されるロゴには、個性が求められるシーンもしばしばあるかと思います。今回はそんな時に是非参考にしたい、Illustratorで作るロゴデザインチュートリアル「40 Tutorials for Outstanding Text Effects in Illustrator」を紹介したいと思います。
(Create a Mummy Text Effect In Illustrator | Vectips)
Illustratorの機能を駆使し制作されたハイクオリティなロゴデザインが、チュートリアルと共に多数紹介されています。中でも特に注目したロゴをピックアップしましたので、下記よりご覧ください。
詳しくは以下
自然の風景や雰囲気を演出できるデザイン素材は数多く存在しますが、今回紹介するのは、葉っぱがテーマのPhotoshopブラシ集「A Compilation of Free Photoshop Leaf Brush Sets」です。
foliage 01 by *ShadyMedusa-stock on deviantART
リアルな葉っぱから、イラストのような葉っぱまで、さまざまな表現に対応できるPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
先日Designdevelopの「商用可!ベースメントに最適なWordpressテーマ「Empty Canvas」」と言う記事で極めてシンプルでなwordpressのテーマを紹介しましたが、今日紹介する「40 Stylish, Minimal and Clean Free WordPress Theme」も同じくシンプルでカスタマイズの自由度の高そうなwordpressのテーマを集めたエントリーです。
全部で40ものテーマが紹介されており、どれもシンプルでクオリティが高いものが揃っています。今日はその中からいくつか気になるものをピックアップして紹介したいと思います。
詳しくは以下
デザインだけに限った話ではありませんが、どんなものでも全く何もない状態から作り上げるのは楽しくもあるのですが。とても大変で手間がかかる作業です。今日紹介する「30 Free High Quality .PSD Files to Grab Part:1」はphotoshopで作られた様々な物のPSDファイルをまとめたエントリーです。
全部で30のPSDファイルが紹介されていて、DVDケース、付箋、リンゴなどなどが公開されています。今日は公開されている物の中からいくつか気になった物をピックアップして紹介したいと思います。
詳しくは以下
マウスオーバーすると、色が変わったり、様々なアクションが走ったりと、WEBデザインでは多用されるホバーエフェクト。簡単に透明度だけ変えたり、色を変えたりというシンプルなものも良いのですが、一工夫されたホバーエフェクトは上手に使えばサイトの質を向上させてくれます。今日紹介するのはリッチなホバーエフェクトを実現するCSSセット「IMAGE HOVER EFFECTS」です。
画像が拡大されたり、フィルタが掛かったような表現になったり、全部で16ものホバーエフェクトを簡単に実装することが可能です。
詳しくは以下
イラストレーターなどのデザインソフトを使うことで、さまざまなグラフィック表現が可能となりますが、頭で思い描いているデザインをどうやったら作り出せるかわからない時もあるのではないでしょうか?今回はそんなシーンで参考にしたい、最新のベクターグラフィックチュートリアル「New Vector Graphics Tutorials」を紹介したいと思います。
Create a Highlighter Text Effect Vector in Adobe Illustrator – Vectips
イラストレーターでの制作チュートリアルを中心に、いろんな種類のグラフィック制作方法が紹介されています。
詳しくは以下
制作にとても便利な記号、矢印。非常に便利な記号で、様々な見出しのアイコンから、次へ、前へという前後関係を簡潔にしてくれたりと本当に様々な使い道がありません。一般的に三角を使って作るのが一般的ですが、その表現は様々なものがあります。今回紹介するのは様々な矢印を集めたベクターデータセット「Arrows」です。
上記のように様々なかたちの矢印がイラストレーター、フリーハンドなどで使えるベクターデータで制作されています。利用例は以下の通りです。
詳しくは以下