自分の経験をシェアしたい。Webデザインのテクニック&効率化。
投稿日：
デザインをやっていて、写真を並べたいときボックスと余白の計算が面倒だったりしませんか？
そんな時に便利なサイトが「Gridulator」です。
Gridulator: Make pixel grids, lickety-split
「Overall Width」に横幅を、「# of Columns」にカラム数を入力すると、
幅と余白の候補を自動的に表示してくれます。
MakePNGをクリックすると下記のようなPNG画像がダウンロードできます。
執筆者：KIYOTA
関連記事
210 Free line icons, PSD, PNG, SVG, Icon Font. きれいに作られた、ラインアイコン。色もいいですね。
3 Typography Trends for 2016 (With Examples)という記事をみたのですが、水彩のタイポグラフィが紹介されています。 フラットデザインのブームもひと段落し、全体的 …
デザインをずっとやっていると、インプットが足りなくて、アウトプットが疲労状態にあることがあります。 脳が刺激を受けると、新しいアイデアが浮かんでくるものです。 インスピレーションをうけると疲労も吹っ飛 …
新人から「どうやってデザインをしていいか、わからない」という声をよく聞きます。 私も新人の頃、他にデザイナーがいなかったので、 どのような手順でデザインすればいいか、わかりませんでした。 また、自分の …
WEBデザイナーとして10年ちょっと経過。 未だにデザイナーとして足りないものは多いですが、 どうにかクライアントにも満足してもらえる デザインが提供できるようになったと思います。 これは、自分が新米 …
よく使うPhotoshopテクスチャ（カテゴリー別）の作り方まとめ 必要なテクスチャ素材を探していて時間がかかったり、
やっと見つけたと思ったら商用利用不可だったり、
...
今からでも間に合う！レスポンシブWebデザイン作り方のまとめ photo by Scolirk
地方でもマルチデバイス対応を求められることが多くなってきました。
徐...
簡単にできるPhotoshopの手書き風の記事10選 優しくナチュラルな雰囲気を出したい場合は手書き風のデザインは相性がいいです。
Photoshopで簡...
イラレで簡単に文字を「手書き風」にする方法 1分くらいで簡単に文字を「手書き風」にすることができるテクニックです。
データダ...
WEBデザインが短期間で上達した方法 WEBデザイナーとして10年ちょっと経過。
未だにデザイナーとして足りないものは多いですが、
どう...
2018/10/29
2018/10/11
Webデザイナーで、転職がうまくいかない場合のひとつの方法として
2018/08/18
2018/05/06
Webデザイナー/コーダーが面接の時までにやっておいた方がいい技術
2018/05/06