デザインを開発するという視点でお伝えするクリエイティブBLOG
ゴシック体よりも少し固めの雰囲気を演出できる文字のストロークの端にある小さな飾りがついたセリフフォント。様々なシーンで活躍できるスタンダードな書体でもあります。今日紹介するのはデザイナーのためのセリフフォント集「20 Awesome and Free Fonts for Web Designers (Serif Family)」です。
全部で20ものセリフフォントが紹介されていますが、今日はその中からいくつかきになったものをピックアップして紹介したいと思います。
詳しくは以下
WEBサイトの制作をより簡単にそして精度の高いものにしてくれるテンプレート。現在様々なフリーで使えるテンプレートがリリースされており、かなりクオリティの高いもの存在します。今日はそんなハイクオリティなフリーHTML/CSSテンプレートを集めたエントリー「99 High-Quality Free (X)HTML/CSS Templates」を紹介したいと思います。
様々なタイプの高品質なHTML/CSSが収録されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
WEBを制作する上で、印象を決定付ける大きな要素が背景。表示面積が大きいだけに背景が与えるものは大きい。今日紹介するのはそんなWEB制作の際に使えるシームレスに敷きつめられるWEB用背景素材配布サイトを集めたエントリー「27 Best WebSites to Download Free Seamless Patterns」を紹介したいと思います。
ジェネレーター的な使い方ができるサイトから種類豊富に幅広い背景素材を配布されているサイトまで様々なサイトが収録されています。今日はその中からきになったものをピックアップして紹介したいと思います。
詳しくは以下
テクスチャの中でももっともポピュラーで使いやすい素材、木、質感を演出したり、暖かみをデザインに与えたりとその使い方は様々ですが、比較的便利に使える素材として重宝したりします。今日紹介するのはハイクオリティな木のフリーテクスチャ「75 High-Quality Free Wood Textures」です。
スタンダードなフローリングのような木目から木の壁、削られたものから、年輪といったものまで幅広いフリーテクスチャが展開されています。全部で75もの素材が公開されていますが、今回はそのなかから気になったものをいくつかピックアップして紹介したいと思います。
詳しくは以下
環境やエコなどを間接的に表現したりと何かと便利な葉っぱの素材。実際自分で素材を用意して使うとなると切り抜いたり、加工したりと色々と面倒ですが、今回紹介するのは便利に使える葉っぱのフリーphotoshopブラシ「32 Ultra Photoshop Quality Leaf Brushes」です。
全部で32種類の葉っぱのphotoshopブラシが収録されています。葉っぱ単体から、枝まで含んだものなど様々な葉っぱの素材が、1000px〜2000pxと高解像度で収録されています。収録されているブラシ一覧は以下からご確認ください。
詳しくは以下
海外の伝統的な文字を美しく見せる手法カリグラフィ。日本の筆文字と同じく、デジタル化された文字でも多く見られる手法ですが、今日紹介するのは高品質なフリーカリグラフィフォントをまとめたエントリー「25 High-Quality Calligraphy Fonts」を紹介したいと思います。
カリグラフィと一言で言っても、様々なテイストのものが紹介されています。今日はその中から特に気になったフォントをピックアップして紹介したいと思います。
詳しくは以下
WEBを制作する上でメニューと並んで書かせないのがボタン。ユーザーが使うものだけにデザインは印象に残りやすく、細かい所ですがサイト全体のクオリティにも影響を与えかねない重要な要素の一つです。今回紹介する「Button Design Showcase」は優れたボタンデザインを紹介していくエントリーです。
いくつものボタンデザインが紹介されていますが、今日はその中からいくつか気になったボタンデザインを紹介したいと思います。
詳しくは以下
■Checkout
反光沢で少し立体感のあるクリアなボタン。
■Tao Effect
周囲が凹んでいるように見える処理を施したボタン
■Clearspring
光沢が効いたボタン。スッキリとしていながらも存在感があります。
■Games for Her by You
アナログ感のあるボタンデザイン。サイトのテイストにもよりますがハマれば効果的なデザインだと思います。
上記の他にも様々なボタンのデザインが紹介されていて参考になります。ボタンのデザインに迷っているWEBデザイナーさんは是非原文もご覧ください。インスピレーションが得られるかもしれません。
写真加工は現在様々なアプリケーションに搭載されており、もはや写真とは切手は切れない関係にありますが、今回紹介するのはWEB上でも動作する写真加工フィルタを生成できるCSSで実現するフィルタジェネレーター「CSSFILTERS.co」です。
このサービスでは、予め登録されたフィルタもしくは、パラメーターを指定して任意の画像にフィルタをかけるとと共に、WEB上で実現するためのコードも出力してくれるというものです。
詳しくは以下
Photoshopの機能の中でも、手軽かついろいろな表現ができることで便利に利用できるブラシツール。フリーで配布されているものもたくさん存在しているため、さまざまな種類を取り入れて活用されている方も多いのではないでしょうか？そんな中今回は、豊富に種類をまとめたフリーPhotoshopブラシ「50 Outstanding Yet Free Photoshop Brush Packs For Your Designs」を紹介したいと思います。
（Free Grunge Photoshop Brushes – Free Photoshop Brushes | BrushKing ♛）
持っていれば定番として使えそうなものから、ちょっとエッジの効いたものまで、たくさんのブラシがまとめられています。
詳しくは以下
2013年のWEBでは大きく活躍していたパララックス効果。視差効果によってもたらされる体験は、今までのWEBとはまた違った感覚を与えてくれました。今回紹介するのはそんなパララックス効果を簡単に利用できるプラグインをまとめたエントリー「7 Useful Parallax jQuery Plugins」です。
7 Useful Parallax jQuery Plugins
手前と奥にオブジェクトを設置し、遠近感を持たせて画面に奥行きをもたせるものから、スクロールによって背景と手前のオブジェクトを動かす定番のものまで様々なパララックス効果を得られるjQueryプラグインが紹介されています。今日はその中から気になったものをピックアップして紹介したいと思います。
印象的なデザイン制作にとって画像から感じられる雰囲気は、デザインのテイストを左右する重要なポイント。そんな中今回紹介するのが、画像の雰囲気を劇的に変えられるPhotoshopアクションをまとめた「33 High Class Photoshop Actions for Photo Enhancement」です。
Add-ons – Cold Atmosphere | GraphicRiver
微妙な色味が難しい加工アクションが豊富に紹介されています。中でも気になったものをいくつかピップアップしましたので、下記よりご覧ください。
詳しくは以下
自然に存在する石や砂利は一つとして同じものがなく、デザイン上で石や砂利を使いたいときも、イメージにぴったりな石や砂利を探し出すことは難しいのではないでしょうか？今回紹介するのは、自然に存在するさまざまな石や砂利のテクスチャまとめ「34 Pebble Textures for A Cool Round Up of Design Choices」です。
Pebbles by ~bentan220 on deviantART
大きさや石の種類など、さまざまな砂利のテクスチャ素材が34種類も紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
