今主流となっているフラットデザイン。対応する素材も多数配布されており、すでにいくつもストックされているという方も多いのではないでしょうか？そんな中今回紹介するのは、可愛らしさとデザイン性を兼ね備えたフラットデザインのフリーアイコンセット「40 New Free Flat Icons」です。 シンプルな中にかわいらしい質感も兼ね備えた、使いやすいテイストのアイコンセットとなっています。 詳しくは以下 ファイルやプリンタ、スマートフォンなどを始め、ギター、ロケット、サングラス、スニーカー、あひる、信号機、トロフィーといったような、基本的な種類のアイコンというよりはちょっと変わったタイプが多いのが特徴。形式としては、AI・EPS・SVG・PNG、サイズは32px・64pxが用意されています。 すでに定番タイプは持っていて、変化とデザイン性のあるものを求めている方には特におすすめだと思います。すべ

UXに力をいれていきたいと考えているWeb制作者は多いと思います。 Webサイトのユーザエクスペリエンスを向上させるために必要なタスクが理解でき、見積もりも作成できるUX Recipeを紹介します。 最終成果物だけでなく、必要な途中のプロセスもドキュメント化などすることで、クライアントからの正当な評価もいただけます。 UXのプロセスを洗い出して、見積もり計算 UXのプロセスは7カテゴリに分類されており、案件によって使い分けて的確に利用したいですね。 中の人に許可を頂き、各プロセスを軽く翻訳してみました。 bA時代は大きいプロジェクトのリーダーや見積もり作成もしていたので、その時の目線でひと言コメントも添えてみました。※フリーランス目線ではないです。 Planning -準備はプロジェクトの要 ここは全項目、必須と言えます。プロジェクトは小さくても大きくても準備が肝心！ Expert Rev

フリーで使用できるアイコンには非常にさまざまな種類が存在しており、いろいろなタイプを選択できるようになっています。そんな中今回紹介するのは、SEO・オンラインマーケティング表現に活用できるアイコンセット「Free SEO Vector Icons」です。 130種のSEOイメージアイコンがセットでダウンロードできるようになっています。 詳しくは以下 パソコンの画面上にいろいろな表現を施したアイコンや、ネットワーク系アイコン、ヒューマンアイコン、デバイス、ファイル、ビジネスグッズなど、130種という種類の中に非常に多彩なデザインアイコンが揃えられており、単体での使用はもちろん、組み合わせでオリジナルの表現をすることもできそうです。 形式はSVGとPNGの2種。他ではあまり見ないタイプのアイコンなので、この機会にダウンロードしておけば役立つ機会も多いのではないでしょうか？以下リンクにてすべての

スクロールをトリガーに要素をアニメーションで表示したり、ページを表示した時にちょっとしたエフェクトを加えたり、ボタンのホバー時に気持ちいいアニメーションを加えたり、CSS3のアニメーションを簡単に加えることができるリソースを紹介します。 Story Box Story Box -GitHub スクロールをトリガーに54種類のアニメーションを簡単に実装できるjQueryのプラグイン。アニメーションは非常に軽快で、デモ：ユニークの派手なアニメーションでも快適です。 ScrollMagic ScrollMagic -GitHub Appleのプロダクトページのように次々に要素を表示したり、簡単にパララックスを加えたり、特定の要素をスクロール時にピンで留めて表示したりなど、スクロール系のエフェクトは全部できてしまう感じです。 スマフォなどレスポンシブ対応はもちろん、水平スクロール、無限スクロール、

1からデザインを手がけることが多いweb制作の世界。しかし時にはコスト面や制作時間の関係でなかなかすべてに手をかけられないこともあるのではないでしょうか？そんな時に参考にしたい、フリーUIキット集「20+ Flat & Free UI Kits」を今回は紹介したいと思います。 Dribbble – Free Sketch UI Kit by Pausrr デザインにハイクオリティなテイストをプラスしながら、高品質なサイトを作り上げることができるUIキットが紹介されています。 詳しくは以下 Dribbble – Retina UI Kit • Download Link by Bradley Bussolini ブルーを基調としたフラットテイストなUIキット。いろいろなパーツが揃っているのが嬉しいですね。 Flat User Interface Kit – Free Download on

TOP  >  Photoshop  >  さまざまなUIをPhotoshopで作り出せるチュートリアル集「36 Photoshop Tutorials For iPhone App UI Design」 デザインのベースとなるUI。パーツとしてはさまざまなタイプが存在しており、すべてを1から作り上げるのはとても大変なもの。今回はそんな時に参考にしたい、さまざまなUIをPhotoshopで作り出せるチュートリアル集「36 Photoshop Tutorials For iPhone App UI Design」を紹介したいと思います。 Create a Mobile Shopping App Design in Photoshop – Tuts+ Design & Illustration Tutorial いろんな種類のUIデザインが紹介されており、作り方を参考にしながらハイクオリティな