Design Journey

One soul One love One heart

作業が楽しく簡単に!web制作時に愛用しているツールまとめ

151110

みなさんはweb制作をする際にどのようなツールを使っていますか?いろいろな役立ちツールがあるので、ぜひ使ってもらって制作が楽に楽しくなればいいなと思います!今回は私がweb制作のときに愛用しているツールを紹介します!

制作が楽になる!web制作時に愛用している9ツール

Adobe Photoshop

151110_1
http://www.adobe.com/jp/products/photoshop.html
デザインといえばこれ!デザインにも画像編集にもPhotoshopを使ってます。
Sketchが気になるこのごろ。。

SublimeText

151110_2

http://www.sublimetext.com
コーディングではSublimeTextを使用しています。
いろいろ便利な使い方の技があるのですが、デザイン作業が主なので、よく使うショートカットキーくらいしか分からないです。。この辺も覚えていきたい!

MacWinZipper

151110_3
https://itunes.apple.com/jp/app/winarchiver-lite/id414855915?l=en
Windowsの人にファイルを渡す際は一度これを通してから渡します。
文字化けしたりする可能性があるので。ドラッグ&ドロップなんで簡単です!

Adobe Color CC

151110_4

https://color.adobe.com/ja/create/color-wheel/
配色を考える際はこれを使用しています。Adobeと連携してますます使いやすくなりました!
自分の考えた配色をストックしてそのままPhotshopで使えたり、ほかの人のカラーリングも検索できるので便利です^^

Th-MakerX

151110_5

http://www5.wind.ne.jp/miko/mac_soft/th-maker_x/
簡単なリサイズなどはこちらを使用。
これもドラッグ&ドロップで簡単です!

Tinyjpg

151110_6
https://tinyjpg.com
画像を圧縮して軽くしたいときに使用しています。

Web計

151110_7
http://zeller-lab.com/img-width/
黄金比や白銀比を計算する際に使用します。

カラー・コントラスト・アナライザー

151110_8

https://www.paciellogroup.com/resources/contrastanalyser/
背景色と文字色のコントラストなどをチェックするときに使用します。

Adobe Preview CC

151110_9

Adobe Preview CC

スマホのデザインを実機で確認したいときに使います。
Photoshopで作業しているときに、リアルタイムで表示されるのでとても便利です^^

 

 

今回は私がデザイン制作する際にしようしているツールを紹介しました。
これ以外にもいろいろと導入したいものがたくさんあるので、また導入し次第レビューできればと思います。
みなさんの「これが便利だよ!」ってツールがあれば教えて下さい^^

 

 

シェアする
コメントする

コメントを残す