Figmaの解像度は? 計算に便利なサイトやプラグイン。 2024.03.15 井川 宜久 Figmaで作成する画像の解像度。 Fifmaからエクスポートしたデザインデータは72ppiになる。 Fifmaは元々Web向け。 FifmaはWebデザイン、Webアプリに適したツールなので、書き出したデザインの解像度はデフォルトで72ppiとなる。 IllustratorやPhotoshopのように、解像度の設定や変更をすることもできない。 印刷物には一工... Figmamemosデザイン
Figmaのクイックアクションバー。開き方と使い方とショートカット。 2024.03.14 井川 宜久 Figmaのクイックアクションバーの開き方。 覚えると便利なクイックアクションバー。 開き方。 「メインメニュー(Main menu)」 > 「クイックアクション...(Quick actions...)」と進む。 または、下記のショートカットから開く。 Figmaのクイックアクションバーの使い方。 クイックアクションバーで検索。 ... Figmamemosデザイン
フリーランスHubへ掲載。Figmaで名刺を作ってみたら。 2023.09.23 井川 宜久 フリーランスHubへ。 Figmaで名刺を作ってみた結果を公開していたところ、一例としてフリーランスHubさまで掲載していただけることに。 今回の掲載先。 CHIBA DESIGN(チバデザイン)さまによる名刺デザインのコツや、株式会社山櫻さまによるQRコードのメリットについての記事が紹介されています。 ひと工夫で魅力的なデザインに!名刺づくりの参考にしたい記事まと... DTPデザインFigmamemosデザイン
Adobe Fireflyの使い方例。商用利用可、著作権フリーな画像生成AI。 2023.03.28 井川 宜久 Adobe Fireflyとは? 画像生成AIと文章生成AI。 Adobeによる、画像生成AI。 Stable Diffusionがすごい、DALL·Eがやばい、ChatGPTがとんでもない、というハイスピードなAI新時代に、デザインツールの大御所と言えるAdobe社がいよいよ本格参入。 無料で使えるプランもある。 参照元:Adobe ... AIFireflymemos脳
FigmaとAI Genius。レイアウト作成、UI/UXデザインを一緒に。 2023.02.19 井川 宜久 GeniusをAI仲間に、Figmaでデザインを。 AIの勢いが止まらない。 デザインツール「Figma」にも、AIのデザイン・コンパニオンがやってくる。 開発元のDiagram社のサイト上で公開されている動画によると、「Companion(コンパニオン)」という名の通り、付き添う仲間や友、連れ、という役割をしてくれる様子。 ざっくりとデザインを考えているときなどに... AIFigmamemosデザイン
Illustrator 「クロスと重なり」の使い方。簡単操作が作業効率を上げる! 2023.02.18 井川 宜久 クロスと重なりとは? 「クロスと重なり」機能の登場で、デザインでよく使う、オブジェクトの重ね方が一瞬でできるようになった。 例えば、オリンピックの五輪マークのようなデザインをしたいときなどは、とても便利にできる。 以前はハサミツールでパスを切ったり、切ったオブジェクトを同じ場所に重ねたりと、色々と合わせ技が必要だったが、「クロスと重なり」はその作業を短縮させられる。 ... Illustratormemosデザイン
Illustratorの「スケッチをベクターに変換」を実際にやってみた手順。 2023.02.17 井川 宜久 手書きのスケッチをベクターデータへ変換。 「スケッチをベクターに変換」の機能は、その名の通り、ペンや鉛筆などで描いたスケッチのJPGやPNG画像をベクター化することができる。 ずっと欲しかった機能で、ありそうでなかった。使い方は簡単で、数ステップで可能。 アートボードにJPGやPNGなどを配置する。 今回はボールペンで描いたエッフェル塔のスケッチをスキャンし... Illustratormemosデザイン
Figmaがもし有料化されたら。Next Figmaのデザインツール。Pixso。 2023.01.10 井川 宜久 Pixso。Figmaがもし有料化されたら。 無料プランでも使えるFigma。 Adobe社からの買収と撤回により、いつかFigmaも有料化されるのでは?と内心不安を抱えている人たちは、結構いるのではないだろうか。 例えば、 初心者の方や学習中の方たちが、ちょっと使ってみたいな、というとき。 職場ではAdobeのプランがあるけど、自宅にないと不便だな、というと... Figmamemosデザイン
Photopeaの使い方や主な機能。Photoshopのような無料ツール。 2022.12.22 井川 宜久 Photoshopなどでちょこっとだけ画像編集したくなったとき。 無料プランで使えるオンライン画像編集ツール「Photopea」。 ちょっとした画像編集作業をしたくなったとき、このパソコンにPhotoshopが入っていればなぁ、と思うことがある。 しかしPhotoshopはなかなか高価であり、単発や短時間の作業ではコスパが良くない。 そういうときに、ブラウザ上で無料... memosデザイン
Figmaで名刺を作ってみた結果。作成・入稿・仕上がりまで。 2022.12.06 井川 宜久 Figmaで名刺を作成、印刷してみたところ、無事に完成。 FigmaでDTP。 Figmaで名刺? デザインツール「Figma」で、紙媒体の名刺を作って実際に発注し、仕上がりを確認してみた。 Figmaを印刷用に工夫。 単位やカラーモード、ファイル形式などを印刷用に。 Figmaは元々デジタルデバイス向けなので、単位がpxオンリー、カラー... DTPデザインFigmamemos
Figmaでモザイクをかける方法。Pixelsでさらっと簡単に。 2022.12.01 井川 宜久 Figmaのモザイクプラグイン「Pixels」とは? ネット上に写真や画像をアップする際、個人情報や特定の箇所にモザイクをかけたいことがある。 Figmaにはデフォルトでは備わっていないようなので、プラグインを探してみたところ、「Pixels」というシンプルで素敵なプラグインが見つかった。 Pixelsは、ただモザイクをかけられるだけでなく、ベクター画像としてモザイク処理... Figmamemos
Figmaで名刺印刷。グラフィックで実際に発注、PDF入稿してみた手順。 2022.11.28 井川 宜久 グラフィック(印刷の通販グラフィック)の名刺発注の手順。 近年ユーザーが増えているFigma。基本的にWeb向けのツールだが、名刺くらいは作れそうなので、実験的に自分の名刺で実際に作ってみた。 印刷は長年定期的に利用しているグラフィックさんへ発注。 参考:Figmaで名刺を作る方法。印刷用設定からCMYK化、入稿前の仕上げまで。 参考:Figma... DTPデザインFigmamemos
Figmaで名刺を作る方法。印刷用設定からCMYK化、入稿前の仕上げまで。 2022.11.25 井川 宜久 Figmaで印刷物を。名刺を作ってみる。 Figmaで印刷物。 デジタルデバイス向けのデザインツール「Figma」で、紙媒体の名刺を作れるらしい。 それなら試しにと、ひとまず自分用の名刺を制作。 Figmaで名刺制作。 Figmaは印刷物でよく使用するテキストのカーニングやアウトライン化も可能で、PDFでの書き出しもできる。 ロゴ... DTPデザインFigmamemos
縁取り文字はCSSのtext-strokeで可能。(非推奨の時代は終わり。) 2022.10.29 井川 宜久 縁取り文字はtext-strokeを使った方が楽で確実。 CSSのtext-stroke。 DTPデザインでは当たり前で、イラレでもフォトショでもごく普通に使われている縁取り文字。 文字を縁取りするだけなので簡単そうだが、CSSではなかなか実装されなかった。 そのためWebデザインでは長年シャドウ用の「text-shadow」を駆使して代用していたが、そんな時代がよ... CSSmemosWebデザインデザイン
CSS カラーコードで透明度を指定したいとき。(16進数6つ+2つで。) 2022.10.20 井川 宜久 16進数(HEX)のカラーコードで透明度を指定したい場合。 CSSで多い、色の指定。 CSSで色を。 CSSで色を指定する際は、#を付けた6つの英数字、16進数のカラーコードを使うことが多い。 カラーピッカーで感覚的に作った色でも、ロゴやイメージカラーと厳密に一致させたい場合でも、デザインツールで数値化ができるため再現性が高い。 (※#は正確には「ハッシュ(#... CSSmemosWebデザインデザイン
「ダ・ヴィンチ」はなぜ「レオナルド」と呼ばれるようになっているのか? 2022.10.19 井川 宜久 レオナルド・ダ・ヴィンチという名前の意味。 ヴィンチ村のレオナルド? レオナルド・ダ・ヴィンチという名は本名ではなく、直訳では「ヴィンチ村のレオナルド」、という意味となるらしい。 なので「ダ・ヴィンチ」と言うと、「ヴィンチ村の」と言っているようなものであるという。 ただしこのことは、数十年前、20世紀の時代から言われていることだった。 レオナルド・ダ・... memosデザイン
ゴッホとピカソの違いがわからないのにデザイナー?知らなすぎて搾取されるWeb&DTPデザイン。 2022.10.18 井川 宜久 デザイナーって? MacやWindowsなどの家庭用コンピュータが現れる前までは、日本で「デザイナー」と言えば、「ファッションデザイナー」のイメージが強かった。 現在は「デザイナー」と言えば、パソコンを使った「Webデザイナー」や「DTPデザイナー」を指すことの方が多く感じる。 日常生活でもそうだが、求人情報、ネットで「デザイナー」で検索してみると一目瞭然だ。 これ... DTPデザインmemosWebデザイン脳
学ぶは真似る。模写コーディングの際に気をつけるべきこと。 2022.10.17 井川 宜久 学ぶは真似る。 学ぶの語源は学ぶ、学ぶは真似る、というように、参考にしたい誰かの真似から始めるのは古来からの学習法の一つだ。 それは科学的にも裏付けがある。そもそも生命の遺伝子やミーム(文化的遺伝子)の伝達もコピー、模倣から始まる。 親の遺伝子の半分は子に伝わる。 ちなみにミームは1970年代にRichard Dawkins(リチャード・ドーキンスによって作られた造... memosWebデザインデザイン脳
ニュートンによる虹は7色というのは本当?(絵文字は6色だけど。) 2022.10.16 井川 宜久 ニュートンが虹を7色と決めた? ※敬称略 7色の虹の色。 日本では7色。 日本では虹は7色であるというのは、一般的で、当たり前のこととなっている。 だが虹の色数は国や地域によって異なり、例えばアメリカでは6色が一般的だという。 2色や4色、5色という国、地域もあるらしい。 Appleの初期のレインボーカラーのロゴは6色だった。現在のAppleやMi... CSSmemosWebデザインデザイン脳
パソコンと目と健康管理。VDT症候群の予防とダークモードの活用のすすめ。 2022.10.01 井川 宜久 パソコンと目とVDT症候群。ブルーライトとダークモードの目への影響。 パソコンからの、目と健康管理。VDT症候群。 自分が職業訓練校で講師をしていた頃、カリキュラムの最初の段階で必ず「VDT症候群」についての内容があった。 VDT症候群とは、「Visual Display Terminal Syndrome(ビジュアル・ディスプレイ・ターミナル・シンドローム)」の略で、要... DTPデザインmemosWebデザイン脳