デザインを開発するという視点でお伝えするクリエイティブBLOG
WEBを制作する際のフローとして、まずは手書きでワイヤーフレームを設計してそれらを固めてから、実制作に移るという方は多いのではないでしょうか？今日紹介するのは、手書きのワイヤーフレームからHTMLに自動変換してくれるMicrosoft「Sketch 2 Code」です。
こちらは、2018年8月に公開されたもので、現在はailab/Sketch2Code at master · Microsoft/ailab · GitHubにて公開されています。開発者インタビューや実際の利用シーンがまとめられた動画が公開されていましたので以下からご覧ください。
動画は以下から
デザインに彩りを与えてくれるパターン素材。いろいろな種類のものが配布されていますが、中でもシームレスで、継ぎ目を気にすることなく敷き詰められるパターンはとても重宝します。今回はそんな、シームレスに使える「Seamless Gold Pattern Set」を紹介したいと思います。
金色のカラーデザインが印象的なフリーパターンセット。デザイン性もあり、おしゃれな印象にデザインを仕上げることができそうです。
詳しくは以下
デザイン素材の定番として愛用されているパターン素材。背景はもちろん、パーツづくりの素材としてなどいろいろなシーンで活躍してくれます。そんなパターン素材を100種セットにした「Free download: 100 repeating vector patterns from freepik.com」を今回は紹介したいと思います。
ベクター形式のさまざまなデザインのパターンが100種もセットになってダウンロードできるようになっています。
詳しくは以下
年月が経つと味わい深くなる、ペンキなどで塗られた塗り壁には一言で表せない魅了があるような気がします。そんな壁をテーマにしたテクスチャを多くまとめた「50+ Free Hi-Res Painted Wall Textures」を今回は紹介いたします。
T. Thyneテクスチャストックby redwolf518stock on DeviantArt
どこか色が欠けていたり、かすれていたりと、個性的な塗り壁ばかりがまとめられています。その中でも気になったものをいくつかピックアップしてみましたので下記よりご覧下さい。
詳しくは以下
個人のデザイナー、クリエイターに必須な自分の作品を売り込む為のツール、ポートフォリオ。それは単純に腕を示すものにもなれば、繋がりや信頼感と言った所も計られてしまうとても重要なツールです。今日紹介するのは紙ではなくてクリエイティブなWEBでのポートフォリオを集めたエントリー「50 Creative and Inspirational Personal Portfolio Websites」を紹介したいと思います。
イラスト、WEB、グラフィックなどなど幅広いジャンルのクリエイターの方々のポートフォリオサイトが集められています。今日はその中からいくつか気になったサイトをピックアップして紹介したいと思います。
詳しくは以下
デザインの中でもコンセプトを表現したり、その団体や企業を直接表すものになってしまうだけに的確といえるものを制作するのはとても難しく、楽しくも悩まされる案件ですが、今回紹介するのはロゴデザインのデザインプロセスを集めたエントリー「16 Logo Design Processes Of Top Logo Designers」です。
手書きのラフから、最終的なカタチになるまでどんなプロセスを追って作成されていったかが分かるようになっています。いくつかのロゴデザインのデザインプロセスが公開されていますが、今回はその中から気になったデザインを紹介したいと思います。
詳しくは以下
常に新しいデザインのものが配布されているフリーフォント。よくチェックされている方も多いのではないでしょうか？そんな中今回紹介するのは、最新のフリーフォントを集めた「Collection of New & Free Fonts for January 2015」です。
デザイン性の高い、是非デザインに取り入れてみたいフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
写真が若干小さめに配置されていても、クリックなどのアクションを起こすことで大きく表示させることができるライトボックスは、webの世界では非常に重宝されている存在。今回はそんなプラグインの中でも、モバイルでも使いやすさを実現できる、10種のレスポンシブライトボックス「10 Must have Lightbox Libraries For Mobile Responsiveness」を紹介したいと思います。
Featherlight – The ultra slim jQuery lightbox.
シンプルな動きで使いやすさがありながらも、それぞれに個性をもったプラグインが紹介されています。
詳しくは以下
様々な事象やモチーフをひと目で分かる形にしたアイコンはWEB制作ならずとも様々な制作の現場で重宝します。今日紹介するのはちょっと変わった切り口でまとめられた宇宙をモチーフにしたアイコンセット「Astronomy & Space Icons」です。
あまりUIなどでは利用できないとは思いますが、個性的で嵌まればものすごく使えるアイコンセットだと思います。
詳しくは以下
WEBデザインをつくり込む時に、非常に便利なテクスチャ。細かな作り込み感を演出し、クオリティを上げてくれますが、今日紹介するのはテクスチャを効果的に使った、素晴らしいWEBデザイン集「40 Excellent Examples of Texture in Web Design」
様々なジャンルで、テクスチャを効果的につかったWEBデザインがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
■Big Related
シンプルで洗練されたWEBデザインにレトロな質感のテクスチャが見事にはまったWEBデザイン。
■Ryan Scherf
様々なテクスチャが複合的に組み合わさって作られた、非常に質感溢れるWEBデザイン。
■Pop the Box
POPなテクスチャを効果的に使ったWEBデザイン。難しそうなテクスチャですが、キレイにまとめてあります。
上記の他にも様々なWEBデザインが公開されています。WEBデザインをもう一つランクアップさせたいと思っているWEBデザイナーには良いインスピレーションではないでしょうか？
40 Excellent Examples of Texture in Web Design | Inspiration
