デザインを開発するという視点でお伝えするクリエイティブBLOG
Webサイト閲覧bの際にデータ読み込みに時間がかかる場合、ローディング画面をよく見かけますね。ユーザーにとって待たされるというのは非常にストレスのたまる時間です。そんな中今回紹介するのは、待ち時間のストレスが軽減するローディングスニペット
「 10 Free CSS Loading Spinner Snippets For Web Designers & Developers」です。
ベーシックなアイテムから、ずっと見ていたくなるようなものまで、いくつか気になったものをピックアップしましたので以下よりご覧ください。
詳しくは以下
WEB制作者からグラフィックデザイナーまで幅広く利用されているデザインツールphotoshop。利用しているという方も多いと思います。今回紹介するのは最新のphotoshopチュートリアルをまとめた「35 Fresh and Wanted Photoshop Tutorials」というエントリー。
Design a Beautiful Cosmic Space Scene in Photoshop
様々な表現のテクニックが実例を踏まえて紹介されています。今日はその中からいくつか気になったチュートリアルをピックアップして紹介したいと思います。
詳しくは以下
デザイン業務を効率化してくれるフリー素材。使えるハイクオリティな素材を日頃ストックしておけば、デザインの幅が広がるだけでなく時短にも繋がります。今回ご紹介するのはそんなデザイン業務を支えてくれる、Webデザイナーの為の使えるフリー素材をまとめた「50 Dribbble Freebies For Web Designers」です。
Eshop Mobile Product Pages – Free .PSD by Marth – Dribbble
モックアップやUIデザインなど幅広い素材が50種類もまとめられています。その中からおすすめの素材を幾つかピックアップしてご紹介しますのでご覧下さい。
詳しくは以下
(さらに…)
デザインにとって重要な役割をもつフォントは、数え切れないほどの種類が存在しており、何を使えば良いのか悩んでしまうことも多いかと思います。そんな時チェックしたい、シーン別で使い分け出来る多種多様な風欧文フォントがまとめられた「90+ Best Free Fonts, Spring 2017」です。
非常に多種多様なフリーフォントがピックアップされており、デザインに華を添える、お気に入りのフォントを見つけることができそうです。
詳細は以下
WEBサイトを制作するために作成するワイヤーフレーム。サイトの作りを決定する重要なものです。作り方は制作する人によって大きく変わると思うのですが、今日はワイヤーフレームをより簡単に作成するための素材キットを集めたエントリー「30 Fresh Web UI, Mobile UI and Wireframe Kits」を紹介したいと思います。
Website Wireframes Kit for Adobe Fireworks (.png)
手書き風のものから、キッチリ作られたものまで様々な素材キットが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
iOS7がリリースされてから、変化したデザインに対応したデザインが続々と登場してきており、それに合わせたフリー素材も多くみかけるようになりました。そんな中今回紹介するのは、iOS7のデザインに対応した53種のスポーツアイコンセット「53 sports icons for iPS7」です。
スポーツをテーマとしたフラットデザインのアイコンがまとめられています。
詳しくは以下
どんどんと新しい種類が登場するアイコン。特にwebデザインで使う素材の定番だけに、常にチェックしダウンロードしておくことでトレンドのデザインをもっとっ魅力的に演出できると思います。そんなダウンロードしておきたいアイコンのリストとして加えたい、120種がセットになったカラフルなフリーフラットアイコンセット「120+ Free Set PSD Colorful Ficons Icons」を今回は紹介します。
可愛らしいテイストのフラットアイコンが120種類セットでダウンロードできるようになっています。
詳しくは以下
画像の重さはWEBサイトにとって非常に重要な要素で、最適化することで、読み込み速度やサーバー負荷など多くの問題を解決してくれます。今日紹介するのはWEB上で、あらゆる画像フォーマットを最適化したjpegに変換してくれるWEBサービス「jpeg.io」です。
利用方法は非常に簡単で、基本的に変換したいファイルをドロップアンドドラッグするだけでjpgを最適化してくれます。
詳しくは以下
画像の編集や加工、デザインの制作など、幅広い用途で利用できるPhotoshop。機能が多彩な為、さまざまな技法やテクニックが存在します。今回ご紹介するのは、そんなPhotoshopのテクニックを学べるチュートリアルがまとめられた「31 Fresh New Photoshop Tutorials – Learn Basic & Advance Manipulation Tips & Tricks」です。
New Photoshop Tutorials – Photo Editing | Tutorials | Graphic Design Junction
合成写真の作り方や画層加工の方法など様々なテクニックが31種類まとめられています。さらにその中から、これはと思ったチュートリアルを幾つか選んでみましたのでご覧ください。
詳しくは以下
数あるフォントの中からデザインにあったものを選ぶのは、案外時間のかかる作業。しかしフォントはデザインの魅力の一つと言っても良いほど重要な役割を果たしてくれる要素でもあるため、最適なチョイスができるベースを作っておきたいものです。今回はそんな方にオススメな、汎用性の高いデザインされたフリーフォント「Download New Free Fonts for Graphic Design (16 Fonts)」を紹介したいと思います。
New! 'Wish' font script on Behance
ちょっとした工夫でおしゃれに見せてくれる、そんなフォントが集約されています。気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
タイポグラフィと一口で行っても様々な切り口、様々な表現方法があり、いざ作ってみるとなかなか難しかったりします。そこでこんかい紹介するのはタイポグラフィのアイデアソース「40+ Killer Typographic Posters」です。
非常にクオリティの高いタイポグラフィが掲載されていて、種類もかなりあり、それぞれに個性がしっかりとありますので、タイポグラフィを制作する際のアイデアソースとなりうるエントリーです。全部で40もの作品が集められていますが、今日はその中から気になったものをピックアップして紹介したいと思います。
詳しくは以下
