Web制作に役立つ情報一覧

現役デザイナーが教える！完璧な書体を決める10個の黄金ルールまとめ

2017/11/20(Mon) 09:51

もし、あなたが書体選びやフォントの組み合わせに困っているのであれば、今回紹介するルールを守ることで、いつでも優れたデザインを作成することができます。

http://photoshopvip.net/105840

これを見ておけば脱初心者！Adobe XD, Photoshop, Illustratorでデザインの作り方の手順がよく分かる1分動画

2017/11/17(Fri) 09:49

どんなことが具体的にできるのか、どのような手順なのか、1分で分かる動画を紹介します。

http://coliss.com/articles/build-websites/operation/work/1min-video-for-adobe-cc.html

Flexboxを利用してよくあるレイアウトを実装したサンプル集

2017/11/16(Thu) 09:54

一部ブラウザ（特にIE）で若干挙動が違ったりすることもあるものの、Flexboxを利用することで今までCSSだけでは難しかった見栄えが実装できたり、よりシンプルなCSSで実装できるレイアウトが増えました。

https://www.nxworld.net/tips/flexbox-examples.html

[CSS]Webページのこれからのレイアウトテクニック！FlexboxとCSS Gridは一緒に使用してこそ価値がある

2017/11/16(Thu) 09:53

Webページのレイアウト、一昔前まではfloat、最近のプロジェクトではFlexboxが主流だと思います。CSS Gridはどうでしょうか？

http://coliss.com/articles/build-websites/operation/css/flexbox-and-grid.html

Web担当者が知っておきたいリダイレクトの知識

2017/11/15(Wed) 09:50

サイトを作る時は、新規サイト制作か、リニューアルかの 2 択が主だと思います。リニューアルを行う場合は、今までの PV 数や UU 数をできれば引き継ぎたいと思いますよね。その際によく聞かれるのが「リダイレクト」です。

https://liginc.co.jp/368841

イラストや文字に、テクスチャや背景に、ざらっとした質感を与えるPhotoshopの無料ブラシ素材

2017/11/15(Wed) 09:49

イラストや文字に、ざらっとした質感を与えるPhotoshopのブラシ素材を紹介します。テクスチャ用とボーダー用のブラシが揃っており、さまざまな形状に利用できます。

http://coliss.com/articles/freebies/subtle-grunge-photoshop-brushes-by-miksks.html

一貫したデザインのためにデザインシステムを運用する方法

2017/11/13(Mon) 10:02

人は馴染みがあるものを信頼します。そのことを知っている多くのデザイナーは、作品をできるだけシンプルにするよう努めています。

http://uxmilk.jp/68631

キラキラ系テキストエフェクトを極める！Photoshopチュートリアル67個まとめ【保存版】

2017/11/10(Fri) 09:56

光や炎などキラキラ感を自由に表現できる、ライティングエフェクトに特化した文字テキスト用Photoshopチュートリアルをまとめてご紹介します。

http://photoshopvip.net/105651

無料で商用利用できるSVGのフリーアイコン4,500種類、デザインに合わせたカスタマイズもできるのはすごい！

2017/11/10(Fri) 09:55

企業サイトをはじめ、コマース、アプリ、メディア、ブログなど、さまざまなUIデザイン用のアイコンが無料でダウンロードできるOrion Icon Libraryを紹介します。

http://coliss.com/articles/freebies/svg-icon-library-orion.html

Webデザインで「やるべきこと」と「やってはいけないこと」

2017/11/09(Thu) 10:03

Webデザインとはとても複雑なものです。Webサイトを作成する際には、考慮すべきことがたくさんあります。そしてWebサイト作成のタスクを簡略化するため、私は「やるべきこと」と「やってはいけないこと」のリストを作成しました。

http://uxmilk.jp/68277