デザイナーの思考のアプローチ
以前書いたWebデザイナーとUIデザイナーの違いについてという記事がありますが、今回は業務やアウトプットの内容は違えど、思考のアプローチは一緒であるという話になります。 こまで順を追ってWebデザイナーとUIデザイナーの違いについてという記...
UIデザイン
Photoshopのレタッチ機能⑤背景の空を別の空に置き換える
以前までは、背景の空を差し替える方法としてPhotoshopのレタッチ機能②写真の中から必要な要素を切り抜くなどで書いたように、前景だけ切り抜いて背景の空を合成する方法しかありませんでしたが、Photoshopの新機能「空を置き換え」機能を...
Photoshopのレタッチ機能④肌のレタッチをする(女性編)
Photoshopのレタッチ機能③肌のレタッチをする(男性編)では「スポット修復ブラシツール」を使って肌の修正をするやり方をお伝えしましたが、女性編では「修復ブラシツール」や「コピースタンプツール」を使ってより細かくレタッチをする方法をお伝...
Photoshopのレタッチ機能③肌のレタッチをする(男性編)
Photoshopのレタッチ機能①写真の中から消したい要素だけ消すを応用して男性の肌のレタッチをするやり方をお伝えします。今回は「スポット修復ブラシツール」を使って、かなりラフに作業していますが、より細かく修正するには修復ブラシツールやコピ...
【Cocoon高速化】PageSpeed Insightsでモバイルの点数を57点→98点にした話
2023/4/21加筆：モバイルの点数を98点にした後、アフィリエイトの実装でJQueryが必要だったり、アドセンス合格でadsbygoogle.jsが必要かなと思ったりして、結局今は44点と前よりかなり点数が下がってしまいました 笑 今後...
UIデザイナーが身につけておきたいデザインツールとスキル
ここまで、デザインの基礎を体系的にまとめて来ましたが、そもそもUIデザイナーが身につけておきたいスキルとは？ということで今回はまとめてみました。以前、デザイナーという職種についてとかWebデザイナーとUIデザイナーの違いについてといった記事...
Photoshopのツールバーをそもそも消えさせない方法
このサイト名をつけた由来のPhotoshopやIllustratorのツールバーが消えた時の対処法としては、Photoshopのツールバーが消えたという記事を以前に書いていますが、そもそも最初からワークスペースを設定しておくことでツールバー...
Photoshopのレタッチ機能②写真の中から必要な要素を簡単に切り抜く方法
前回書いた、Photoshopのレタッチ機能①写真の中から消したい要素だけ消すの次には、写真の中から必要な要素だけを切り抜き、別の背景と合わせるやり方をお伝えします。 オブジェクト選択ツール 作業の前に、レイヤーをコピーしておきます（理由は...
Photoshopのレタッチ機能①写真の中から消したい要素だけ消す
Webサイト作成にもグラフィック作業でも、必ず必要になるのは画像の加工です。Photoshopでなくとも画像を加工できるツールは色々ありますが、Photoshopが多機能で使いやすいことは間違いないので、是非やり方をマスターしていきましょう...
文字組みの表現を知って爆速でデザインのバランスを理解しよう（後編）
前回書いたフォントの基本を知って、爆速でデザインのバランスを理解しよう（前編）の続きです。今回は文字組みの表現の種類についてご紹介したいと思います。 文字組の基本は「読みやすさ」 和文フォント（日本語）は仮想ボディという枠に収まるように出来...