デザイン制作に役立つプチ情報

【デザイン制作に役立つ】画像を圧縮&サイズ変更した場合どれくらい容量を減らせるの?

画像そのままの場合 今回はぱくたそさんのこちらの無料画像を例にして検証してみました。 画像の大きさは6000×4000で、サイズは5.4MBです。 画像を圧縮のみした場合 画像圧縮ツールを使...
Illustratorを上達させよう

【デザイン制作に役立つ】Illustratorのパネルの表示方法が変わってしまった時の対処法

パネルの表示が変わった Illustratorの右端にある「パネル」が、普段は項目が横3つにタブで並んで表示されていたのに 突然縦3つに並んで、クリックしないと内容が見えないようになってしまいました… 使い慣れて...
デザイン制作に役立つプチ情報

【webデザイン制作の参考に】世界や日本の画面解像度の統計が分かるサイト「statcounter」をご紹介!

画面幅に悩んだとき… webデザインを作っている時に、基準にすべきノートパソコンやデスクトップの画面サイズはいくつなんだろう…と気になる場面ってありますよね。 とはいえ、調べてみても何年か前の統計の記事が出てきてしまっ...
デザインを学ぶ

【webデザイン制作の参考に】ユニークで個性が光る!モノトーンのwebデザインを調べてみた

HODGE PODGE ファーストビューからすでに素敵なこちらのサイト。 黒×白×グレーの使い方がとても素敵で、ぜひ今後のデザインに取り入れてみたいと思わせてくれるサイトです。 画像もモノクロにすることで...
デザイン制作に役立つプチ情報

【デザイン制作に役立つ】背景素材に使える!便利なSVGツール

Haikei Haikeiは、独自のSVG形状、背景、パターンを生成するWebアプリです。 しかも、無料で登録なども不要なので手間いらずで作業ができちゃいます! 作れる背景素材も多数で、例えば波線やドット...
Photoshopを上達させよう

【デザイン制作に役立つ】超便利!Photoshopの「オブジェクト選択ツール」で画像を簡単に切り抜き!

Photoshopの画像切り抜きツールと言えば? デザインをしていると画像のこの被写体だけを切り抜きたい!って場面ありますよね。 そんな時私は「なげなわツール」「多角形選択ツール」「マグネット選択ツール」を使っていまし...
デザインを学ぶ

【webデザイン制作の参考に】個人的に最近気になる「浮いてるヘッダー」デザインを集めてみた

PYURU 美容系のサイトには、このように白の透過の上にロゴやグローバルナビを置くことで、 画像の邪魔をせず、しかも洗練された印象を与えることができるんですね…すごい。 こちらの画像との相性が良すぎて、ず...
Illustratorを上達させよう

【デザイン制作に役立つ】Illustratorの「プロパティパネル」に重ね順ツールが表示されない場合

Illustratorの「重ね順」 レイヤーが複数あると、いちいちレイヤーを移動させて重ね順を変えるのって時間がかかって嫌ですよね。 なので、私はプロパティパネルの「重ね順」からテキスト・オブジェクト・画像の位...
デザインを学ぶ

【webデザイン制作の参考に】ページトップボタンのデザインに迷ったら見るべき記事

堅すぎずラフすぎないデザインをお探しなら タイトルのとおり、「堅すぎず、ラフすぎない」デザインが紹介されています。 シンプルだけどオシャレ感も出したい…そんな時に参考になる記事だと思います! ...
デザインを学ぶ

【webデザイン制作の参考に】最近参考になったwebデザインに関する記事

「Webデザインの守破離」 ベテランwebデザイナーが、ワイヤーフレームを元にして作ったデザインから どう最終形態まで作り上げていくかの過程を「実際の案件をもとに」解説しているこちらの記事。 その過程の中でデザイ...
タイトルとURLをコピーしました