デザインを開発するという視点でお伝えするクリエイティブBLOG
WEBを制作する際のフローとして、まずは手書きでワイヤーフレームを設計してそれらを固めてから、実制作に移るという方は多いのではないでしょうか？今日紹介するのは、手書きのワイヤーフレームからHTMLに自動変換してくれるMicrosoft「Sketch 2 Code」です。
こちらは、2018年8月に公開されたもので、現在はailab/Sketch2Code at master · Microsoft/ailab · GitHubにて公開されています。開発者インタビューや実際の利用シーンがまとめられた動画が公開されていましたので以下からご覧ください。
動画は以下から
手軽に背景にさまざまなデザインを展開することができるパターンは、非常に重宝する存在。そんな便利なパターンのフリーベクター素材を集めた「45+ High-Quality Free Vector Patterns」を紹介したいと思います。
多彩な種類のベクターパターンがまとめられています。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
webデザイナーの方ならば、常にチェックしておきたいアイコン。非常にいろいろな種類のものが配布されていますが、今回紹介するのは、豊富な種類がまとめられたベストフリーアイコン選「Best of 2015: 100 Great Free Icon Packs」です。
2015年にピックアップしたアイコンの中からチョイスされたさまざまな種類のフリーアイコンが紹介されています。
詳しくは以下
タイポグラフィはweb・グラフィックデザインの最も重要な要素の1つとして、デザインに強い影響を与えてくれる存在。フォント選びに気を使われている方も多いのではないでしょうか？そんな中今回紹介するのは、個性的なデザインに最適なフリーグリッドデザインフォントまとめ「20 Free Grid Fonts For Designers」「20 Free Grid Fonts For Designers」です。
計算された美しいフォントから珍しいテイストのフォントまで、様々なデザインのグリットフォントがまとめられています。その中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
華やかな80年代風のデザインは、根強い人気のあるデザイントレンドのひとつ。近年になっては逆に新鮮に感じるとまで評されています。今回ご紹介するのは、そんな80年代風のデザインに使えるレトロなテキストエフェクトのチュートリアル「Best 80’s Retro Text Effect Photoshop Tutorials」です。
Best 80's Retro Text Effect Photoshop Tutorials | Tutorials | Graphic Design Junction
ネオンやメタリックなど華やかで少し懐かしいテキストを作る、Photoshopでのチュートリアルが全部で24市種類紹介されています。その中から気になったものを幾つか集めてみましたので、ご覧ください。
詳しくは以下
(続きを読む…)
デザイン上でラフな表現をしたい時にポイント使いとして利用されることの多い、テープで貼り付けたビジュアル表現。幅広く応用できるため、さまざまなシーンで活用することができます。今回はそんなテープのビジュアルを簡単に表現できるフリーPhotoshopブラシ集「40 Handy And Free Tape Brushes For Your Photoshop」を紹介したいと思います。
A3D Pieces of Tape Brushes by angela3d on DeviantArt
いろいろな種類のテープを、Photoshopブラシを使って手軽にビジュアル化することができます。
詳しくは以下
ショップや企業などからお知らせメールを配信する時に、デザインが行き届いたテンプレートを使用すると購読率がアップする確率も高くなります。今回はそんな時に参考にしたい、レスポンシブ対応のフリーテンプレート「30 Free Responsive Email and NewsletterTemplates」を紹介したいと思います。
Creating a Future-Proof Responsive Email Without Media Queries – Tuts+ Web Design Tutorial
ニュースレター配信にデザイン性をもたらすことができるテンプレートが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
エコや環境系のイメージ、または優しい自然のイメージなどを彷彿させる葉。今日紹介するのは無料で利用できる葉のテクスチャを集めたセット「10 High-Quality Free Leaf Textures」です。
テクスチャセットはFlickrで公開されていましたので、下記に収録されているテクスチャのスライドショーを貼付けておきます。
詳しくは以下
デザイン制作をする際によく利用する写真は、自身で撮影したものだけではイメージ素材として足りないことも多く、ストックフォトサイトを活用する場合が多いと思います。今回はそんなストックフォトサイトをまとめた「Awesome Stock Images for FREE !! Even for Commercial use」を紹介したいと思います。
是非ブックマークしておきたい、フリーで利用できるストックフォトサイトがまとめられています。
詳しくは以下
デザイン性の高いフリーフォントを使用することで、デザインのクオリティを高められるのと同時に、コストダウンもすることができます。今回はそんなフリーフォントを集めた、「20 Fresh Fonts and Typefaces for October 2014」を紹介したいと思います。
Paneuropa Neue – Free Typeface on Behance
比較的新しいフリーフォントが20種、厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインを制作する際に、素材感をプラスしたい時やクオリティを高めたいと時などよく利用するテクスチャ。さまざまな種類が展開されており、日々活用されているという方も多いかと思います。そんな中今回紹介するのは、デザイン制作の定番素材とも言える、キャンバス素材のテクスチャ「14 High-Res Paper & Canvas Textures」です。
キャンバスの質感を存分に感じさせてくれる、シンプルなタイプのテクスチャ。さまざまなデザインへのアレンジが可能なこともあり、かなり活用できるテクスチャセットではないでしょうか。
詳しくは以下
