Web制作に役立つ情報一覧

春向けのデザインやイラストに取り入れたい！2018年春のトレンドカラーはワクワクする楽しいカラーがいっぱい！

2018/01/11(Thu) 09:50

2018年、Pantoneがセレクトしたトレンドカラーは「Ultra Violet」独創的で想像力に溢れるスミレ色をはじめ、2018年春のトレンドカラーも楽しくなるような色合いの12色が選ばれています。

http://coliss.com/articles/build-websites/operation/design/trend-color-pantone-for-2018-spring.html

【総まとめ】2017年公開！デザイナーが持っておきたいPhotoshop無料ブラシ厳選64個

2018/01/10(Wed) 09:52

デザインに重ねるだけで質感をアップするお手軽ブラシから、鉛筆や筆ブラシなどの風合いをそのままリアルに表現できる素材、星や雲、水のほかにも、人気の水彩ペイントやデジタルペイント向けの本格的な素材までバラエティ豊富に揃います。

http://photoshopvip.net/106754

段組みのCSS。

2018/01/09(Tue) 09:57

ページレイアウトに段組みはつきもの。Webデザインでは、CSSで段組みを行います。ちょっと前までは“よこ並び”も“段組み”もfloatプロパティひとつでまかなってました。けれど今は、シチュエーションごとにいろんなプロパティが用意されて、うまく使い分けることで、より効率よくページレイアウトができるようになってきました。

https://lopan.jp/layout2/

2017年に注目されたインターフェイスデザインのトレンドを解説

2018/01/09(Tue) 09:56

2017年はインターフェイスデザインにとって多様性の一年でした。中でもユーザーフレンドリーに注目された年と言えるでしょう。2018年これからのWebサイト、スマホアプリのデザインで押さえておきたいインターフェイスデザインのトレンドを紹介します。

http://coliss.com/articles/build-websites/operation/design/popular-interface-design-trends-in-2017.html

商用可で完全無料！2017年公開のフリーフォント素材129個総まとめ

2017/12/27(Wed) 09:51

2017年は、特にたくさんのフリーフォントが公開され、当サイトで紹介した素材も637個にのぼります。今回は2017年に公開された素材の中から、商用利用可能で無料ダウンロードできるフリーフォントのみを、カテゴリ毎に分けてまとめています。

http://photoshopvip.net/106694

UXデザイナーがUIスキルを必要とする理由

2017/12/25(Mon) 10:00

UXデザイナーとして、ユーザー体験がすべてであることはご存知かと思います。ほとんどのユーザーは、UXデザイナーが舞台裏で設計したフレームワークを意識していません。

http://uxmilk.jp/69873

デザインやイラストに使える新しい配色の教科書！色の組み合わせ・色の知識がたっぷり詰まった完全保存版

2017/12/22(Fri) 09:55

デザインやイラストをはじめ、写真、塗り絵、インテリア、ファッションなど、色に携わるすべての人にオススメの配色アイデア手帖を紹介します。

http://coliss.com/articles/book-review/isbn10-4797393246.html

2017年にリリースされた日本語のフリーフォント、英語のフリーフォント総まとめ

2017/12/21(Thu) 09:53

2017年にリリースされた日本語のフリーフォント、英語のフリーフォントを紹介します。個人でも商用でも無料で利用できるフォントを厳選しました。

http://coliss.com/articles/freebies/2017-best-free-fonts.html

サイト担当者が知っておくべき法律「著作権」「個人情報」「表現に関する規制」を紹介 #11

2017/12/20(Wed) 09:53

Webサイトの担当者が知っておきたい法律について紹介します（最終回）。

https://webtan.impress.co.jp/e/2017/12/20/27032

5分で完璧に分かる！CSS Gridの基本的な使い方を解説

2017/12/19(Tue) 09:51

CSS Gridは、今まで使用してきたレイアウトの実装とは大きく異なります。flexboxはアイテムを一つの軸に沿って並べるので、floatの延長としてあまり難しくはないと思います。

http://coliss.com/articles/build-websites/operation/css/learn-css-grid-in-5-minutes.html