WebDesigner's Memorandumウェブデザイナーの備忘録
iPhoneで撮ったスクリーンショットをIllustratorで開くと色がおかしなことになります。
色が反転されたみたいになっていて、細かい部分がかなり荒くなっています。
どうやら、イメージモードが「16 bit/チャンネル」になっているのが原因のようです。
Photoshopを開いて画像を読み込み、［イメージ］→［モード］→「8 bit/チャンネル」に変更して保存します。
保存した画像を再度Illustratorに貼り付けてみると、この現象は解消されました。
少し面倒ではありますが、画像が複数枚ある場合はドロップレットを作って一気に片付けてしまうのが良さそうです。
1997年生まれ。2016年から専門学校でデザインについて勉強。卒業後は神戸の制作会社「N'sCreates」にウェブデザイナーとして入社。このブログでは自分の備忘録も兼ねて、ウェブに関する記事や制作環境を効率的に行うための記事を書いています。
Twitterをフォロー Facebookでいいね
7月15日（水）開催の「Design Boost in Sendai vol.1」に登壇します。
「クリエイターの仕事効率化術」をテーマに、私はMacの効率的なファイル管理術についてお話します。
普段は神戸の山奥に引きこもっていることが多いので、仙台周辺の皆さんとお会いできるのを楽しみにしています。
お近くの方や都合付く方はぜひご参加ください！
日時：2026年7月15日（水）17:00〜19:00
会場：日本デザイナー芸術学院（仙台駅から徒歩10分）
参加費：2,500円（7/8までは早割で2,000円）
Figmaのレイヤー名を一括変更するプラグイン「Rename It」 
Figmaでデザインデータ上の画像を圧縮してファイルサイズを軽くする「Downsize」 
FigmaのAuto Layout入門｜繰り返しのレイアウトやコンテンツに応じて横幅可変するボタンをラクに作る 
Figmaでテキストの一括置換を行うプラグイン「Find and Replace」 
Sketchの画像を図形でマスクしたり、グラデーションマスクをする方法 
Figmaで図形の分割をして簡単にレイアウトを作成する拡張機能「Split shape」 
Figmaプラグインのインストール方法とその管理方法 
Figmaでサクッとワイヤーフレームが作れる素材検索プラグイン「Wireframe」 
Figmaでロゴやアイコンなどのビットマップ画像をベクターデータにトレースするプラグイン「Image tracer」 
Figmaで画面遷移図やフローチャートをつくるときに線を自動で引いてくれるプラグイン「Autoflow」 
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない 
Google Chromeのサイト内検索（カスタム検索）機能を別のプロファイルに移行する方法 
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法 
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法 
Keynoteで有効にしているはずのフォントが表示されない現象 
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法 
AirPodsで片耳を外しても再生が止まらないようにする方法 
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ 
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること 
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する 
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法 
Obsidianで整理した知識をAnkiで定着させる方法 
Figma × Keyboard Maestroでどこまで効率化できる？ 
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」 
Macで複数ディスプレイを使っている場合に便利な設定集 
AppCleanerでMacアプリを関連ファイルごと完全に削除する 
操作に没頭できる！Firefox版 Arcのようなブラウザ「Zen Browser」 
chezmoi（シェモア）で始めるdotfiles管理 
GitHubの通知を見逃さない！通知に特化したアプリ「Gitify」 
Keyboard Maestroの変数基礎 
