デザインを開発するという視点でお伝えするクリエイティブBLOG
Web上で写真を見せる定番の手法のひとつ、スライドショー。コンテンツを見せるのに利用したり、メインビジュアルに利用したり…とても活用幅が広く便利な存在です。今回ご紹介するのはそんなスライダーを、よりクリエイティブに見せてくれる変則的なスライドショー「CSS Grid Layout Slideshow」です。
グリット上に並べられた複数のイメージを、一気に切り替えることができる美しいスライドショーのフリーCSSソースです。
詳しくは以下
デザインにおいてフォントはとても重要。どんなフォントを選ぶかでデザインの印象が決まると言っても過言ではありません。そんな大切なフォントだからこそ、デザイナーであればしっかりとチェックしておきたいもの。今回ご紹介するのは、そんなデザイナーのための最新のクリエイティブなフリーフォントをまとめた「Fresh Free Fonts for Designers (17 fonts)」です。
手書き風の凝ったフォントから、シンプルで使いやすいフォントが17種類も紹介されています。その中から気に入ったフォントを数点選んでご紹介したいと思います。
詳しくは以下
(さらに…)
メインビジュアルや見出しを作るときなど、打ち文字だけでは物足りない…そんな物足りなさを補ってくれる、テキストエフェクトをまとめた「25 Insanely Creative Text Effects You Can Use For Free!」を今回は紹介いたします。
シンプルで使いやすいエフェクトから、特殊な表現に使える質感が作り込まれたものまで多数のエフェクトが紹介されています。幾つか気に入ったエフェクトをご紹介しますので、ご覧ください。
詳しくは以下
(さらに…)
オンラインショップなど情報量の多いサイトに欠かせないのが、検索ボックス。ユーザーにストレスを感じさせず、スムーズに案内することが可能になります。今回ご紹介するのは、そんなあると便利な検索ボックスのデザインをフリーでダウンロードできる素材をまとめた「10 Search Box PSD Designs For Free Download」です。
シンプルでどんなサイトにも取り入れやすい、多種多様な検索ボックスのフリーデザインがまとめられています。その中から気になったものをピックアップしてご紹介しますのでご覧ください。
詳しくは以下
(さらに…)
デザインで使用する書体の種類の選定は可読性の向上、デザイン全体の景観を大きく左右する大切なもの。フォントは数多くありますが、今回はサンセリフ体に焦点をあててまとめられた「30 Free Sans Serif Fonts to Download」をご紹介していきたいと思います。
クールで洗練されたものを中心に多種多様なものがまとめられおり、気になったものをいくつかピックアップしているので下記よりご覧下さい。
詳しくは以下
サイトコンテンツの一つとして、定番化しているブログ。サイト訪問ユーザーを楽しませるのは勿論、SEO対策まで幅広い利用価値が有り、定期的な更新が必要不可欠です。今回ご紹介するのはそんなブログの更新を楽にしてくれる、WordPressプラグインまとめ「7 New and Free WordPress Plugins」です。
毎日のブログライティングにおける、ちょっとした手間を解決してくれる多種多様なプラグインを7つ掲載しています。その中から気になったプラグインを3つご紹介しますので、ご覧ください。
詳しくは以下
(さらに…)
SEO的にも問題の無い縦書きのコンテンツを作りたい。そんな時に便利なのが、今回紹介するjavascriptライブラリ「竹取JS」です。javascriptで指定されたブロックを縦書きに変換してくれます。
HTMLのみで縦書きというのは非常に面倒でしたが、これなら気軽に縦書きコンテンツを作れそうです。
詳しくは以下
メールマガジンなどでユーザーにさまざまな情報が飛び交う現代。最適な情報をより的確に見やすく。そして目に留まるようにするためには、情報内容も重要ですが、メッセージのデザイン性も重要になってくるのではないでしょうか？そんな中今回紹介するのは、メールでの情報通知をより効果的にしてくれるフリーテンプレート集「15+ Awesome Free Email Templates to Download」です。
デザイン性の高いメールテンプレートがまとめられており、実際にメールマガジンを手がけている方にとっては非常に参考になる内容となっています。
詳しくは以下
WEB制作には欠かせないアイコンセット。需要が多いだけに素材としても様々なアイコンセットが準備されていますが、今回紹介するのはWEBで使えるシンプルでミニマムなアイコンセットを集めたエントリー「15 Uniform Payment Options Icon Sets for Ecommerce Design」です。
シンプルなアイコンの中でも、色々とバリエーションがあり、全部で15のアイコンセットがまとめられています。
詳しくは以下
素材ひとつで制作の時間は大きく短縮でき、いつも時間に追われているデザイナーさんにとっては、使いやすい素材というのはいくつでもストックしておきたいもの。今日紹介するのは、WEB制作で使えるpsdファイルを集めたエントリー「15 Beautiful and Useful Free PSD Files」です。
こちらのエントリーでは、タグなどの細かいパーツデザインから、ユーザーインターフェースセット、ソーシャルボタンまで様々な素材がまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
WEBサイトのデザインから、立体的なキャラクターを制作したりと、使用用途の幅広いPhotoshopは、ツールを駆使することで表現力の高いデザイン制作が可能となります。そんな中今回は、さまざまなシーンを作り上げられるPhotoshopチュートリアルをまとめた「50 Best Photoshop Tutorials of 2012(our favorites)」を紹介したいと思います。
Create an Autumn-Themed 3D Text Effect With Photoshop CS6 Extended | Psdtuts+
ガジェットやキャラクターの作り方から、WEBサイトのデザインまで、Photohsopをフル活用できるチュートリアルが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBサービスやゲームなどユーザーの分身として機能するアバター。昔から自分でカスタマイズして制作することが主流となっていますが、今回紹介するのは目・口・髪型・ヒゲなど組み合わせで使えるアバターベクターセット「Avatar Icon Creator Pack」です。
「Avatar Icon Creator Pack」はかなりの数のパーツワークがセットになっており、それらを組み合わせることで、様々なアバターが制作できるというものです。
詳しくは以下
WEBデザインのモックを制作する時に、クライアントにもっとアップ時の雰囲気を分かってもらう時に必要なのがブラウザ枠などをはじめとしたインターフェイスのデザインです。今日紹介する「A Collection of Useful Web Design Wireframing Resources」はそんなインターフェイスの素材をあつめたモックデザインを作る時、便利な素材集です。
Photoshop Browser Templates from joel laumans
上記は解像度別のブラウザのpsdデータ。PSDで制作を進めている方には便利な素材だと思います。その他にも様々なデータがまとめられていましたので、下記に貼付けておきます。
詳しくは以下
様々な種類のテクスチャがWEB上では公開されていますが、その中でも質感を出すのに非常に重宝するのがヴィンテージテクスチャ。布だったり紙だったり独特の古びた風合いはデジタルデータになっても質感や雰囲気を伝えてくれます。
今日紹介するのはヴィンテージテクスチャを数多く収録したテクスチャセット「 60+ Vintage Style Textures Every Designer Should Have」です。非常に多くのテクスチャが収録されています。一部のサンプルを下記に貼付けておきます。
詳しくは以下
クリスマスまで後少し、街全体もすっかりクリスマスムード、そしてブログ界隈もネットもクリスマス一色ですが、そんな雰囲気についていくための便利なアイコンが今回紹介するサンタクロースの帽子アイコン「SANTA CLAUS HAT」です。
PSDファイルで配布されていますのでphotoshopなどで合成も簡単です。こちらをかぶせればどんなロゴでもどんなデザインでもあっという間にクリスマス仕様になります。
詳しくは以下
