デザインを開発するという視点でお伝えするクリエイティブBLOG
数年前まで、UIデザインはPhotoshopとSketchを中心に行われていましたが、2017年に正式リリースをしたAdode XDが着実にアップデートを重ね、新たなUIデザインツールとして頭角を表してきています。今回は、WEBやUIデザインに役立つ、Adobe XDのUIキットを20種をまとめた「20 Free Adobe XD UI Kits for Web & Mobile App Designers」をご紹介します。
Free Adobe XD Collaboration App by Edwin Delgado – Dribbble
どのキットも、無料で利用できるので、チェックしておくと重宝してくれそうです。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインのポイントとして活用できる飾り系の素材。バッジやタグなどいろいろな種類が展開されていますが、今回紹介するのは、飾り素材として活用できるフリーpsdリボン素材まとめ「10 Free Ribbons PSD Files」です。
Pretty Little Red Ribbon (PSD)
リボンといえば可愛らしいイメージですが、このまとめで紹介されているものは、さほど女性に寄り過ぎた感や癖ない利用しやすいものばかり。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
イラストレーターで色々なデザインに使えるブラシですが、ディフォルトでセットされているものだと今一もの足らないそんな人が多いのではないでしょうか？そこで今回紹介する「30 Sketchy-Style Brushes For Illustrator」手書き風のillustratorのブラシセットが無料でダウンロードできます。
収録されているのは上記の30のブラシで、様々な種類のブラシが収録されています。ブラシはイラストレーターCS2のai形式でまとめて配布されています。
詳しくは以下
背景などにデザイン的に配置するパターン素材。いろいろな種類がありますが、特にwebサイトなどの背景はスクリーンサイズを考慮して継ぎ目なく配置したいもの。今回はそんな時に便利な、シームレスなフリーベクターパターンまとめ「27 Seamless Free Vector Patterns」を紹介したいと思います。
Dribbble – Free Autumn Wallpaper by Carla Corrales
パターンの境目を気にすることなく使用できるベクターパターンがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
自身の制作した作品や、撮影した写真などをweb上で公開する際にポートフォリオサイトを利用されることが多いと思います。そんな時に役立つ、ポートフォリオサイトに利用したいツールまとめ「21 free tools for perfecting your portfolio」を今回は紹介したいと思います。
（Hatch | AlienWP | Professional WordPress Themes）
作品をより見やすく、クリエイティブに見せることができるツールがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
photoshopの作業でももっとも多い作業の一つ色補正。色合いや風合いで、印象は全く変わるため、時間もかかるかと思います。今回紹介する「140 Amazing Photoshop Actions sets and Tutorials」は色補正を簡単に行なってくれるアクションを中心にあつめたエントリーです。
様々な色調の補正アクションが公開されています。今回ははその中から今までDesigndevelopで紹介していないもので、気になったものをいくつか紹介したいと思います。
詳しくは以下
CSSで実現するメニューは今や一つの定番になってきていますが、なかなか一から組むとなると、初心者には厳しく面倒な物です。今回紹介する「woork: Elegant navigation bar using CSS」は簡単にカスタマイズが可能なCSSメニューテンプレートです。
HTMLとCSSソース共に公開されていて、そちらを利用して自分のサイトの内容に打ち変えてあげれば簡単に自分のWEB仕様にカスタマイズすることができます。
詳しくは以下
デザイナーなどクリエイティブな仕事をしている人のデスク周りは、デザイン関連のアイテムで構成されていることが多かったりします。今回はそんなデザイナーワークスペースを表現できる、フリーイラストレーションセット「Designer Workspace Illustrations」を紹介します。
フラットなイラストで、デザイナーのデスクからPCのデスクトップまでが描き上げられています。
詳しくは以下
数種類の色が組合わさって成り立っているチェック柄だからこそ、自分の思っていた色使いのチェックがなかなか無かったり、デザインに合った配色のチェックを探し出すのは一苦労。そんな時に役立つチェックパターンのみを集めた「800+ Free Intricate Plaid Patterns to Enhance your Designs」をご紹介します。
（Colorburned | 25 Woven Plaid Swatches）
明るい柄から落ち着いた柄まで、その数800点。きっと欲しいパターンが見つかるでしょう。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
さまざま種類が無料でダウンロードできるフリーフォント。すでにたくさんストックされている方も多いと思いますが、今回はさらにコレクションしておきたくなる、魅力的なデザインを作成するのに必要なデザインフォントまとめ「24 Fresh Fonts for Web Designers」を紹介したいと思います。
Sideboard free font on Behance
デザイン性の高さを感じさせてくれるフリーフォントが24種、厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
非常に高機能でWEB制作には幅広く利用されている、jQueryプラグインですが、その中でも定番とも言えるのがスライダー。限られた領域でjQueryのプラグインの中でも多く利用されているスライダープラグイン。今日紹介するのはクオリティの高い、素晴らしいjQueryのスライダーを集めたエントリー「25 Excellent jQuery Sliders Tutorials and Plugins」です。
A Beautiful Apple-Style Slideshow Gallery with CSS & jQuery
定番の右から左へ流れるもの、トランジションが効いているもの、キャプチャやサムネイルと連動しているものなどなど、様々なスライダーがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
