AdobeXDからfigmaに乗り換えて困った事とその対処方法
AdobeXDをベータ版から使っていましたが、Adobeがfigmaを買収してXDがなくなると噂になり始めたのが2023年入ってから。 2023年後半になってやっと、figmaへの移行を始めました。
XDでのWEBデザインに慣れていた人が、figmaを使って困ったところ書き出してみました。
フレームサイズ
普通にフレームサイズにすると、高解像度に対応してなくて、作業画面やスマホの確認画面で文字やロゴの解像度が低く滲む問題。
テキストの表示はこの設定で２倍表示になったので、滑らかに表示された。
が、そもそもピクセルプレビューをオフにすると
XDっぽく、ピクセルが気にならなくなります。
プレビューサイズの問題
スマホで表示する時にプレビューサイズの高さの設定が出来ないから、左上に置いたロゴが、iPhoneのノッチで隠れる。
iPhoneでsafari開いてスクショをとってブラウザのUIだけをトリミングして貼り付けました。
マスクのやり方
マスクの考え方がイラストレーターやXDなどのAdobe流ではなく、逆の考え方。ようは、表示したいレイヤーが上で、切り抜きたい枠が下のレイヤー。
まだ続きます。。。
HTML フッター要素:を理解する
HTML の 要素について解説します。文書やセクションのフッターをどのように定義し、サイトの構造を改善するかを学びましょう。
細かいタスクを一発でたくさん作れるNotionのボタン機能
Notionの新機能「ボタン」を活用して、複数のタスクを1クリックで追加できるようにしてみました！WEBメディアの繰り返しタスクを都度追加する必要がなくなり、かなり手間を省くことができました。また自動でタス...
【徹底解説】ページの読み込み速度が遅い原因と改善策
ページの読み込み速度が遅い原因を理解し、改善策を解説。ユーザー体験向上、SEO対策強化、コンバージョン率向上を実現する。Google PageSpeed Insightsなど測定ツールも紹介
SEOで効果的な見出しタグの使い方：hタグの役割とSEO対策
見出しタグ（hタグ）は、SEO対策において重要な要素の一つです。この記事では、hタグの役割やSEO効果、正しい使い方、見出し作成のコツなどを解説します。
ホームページの更新で今主流のブロックエディタのお話
ブロックエディタは、WordPressの5.0から標準搭載となったいるエディタのグーテンベルクでも採用されているエディタで、文章や画像などをブロックという単位で管理します。ブロックエディタは直感的にブログを書...
SEO対策とは？初心者でもわかる基本ポイントを解説
SEO対策とは、検索エンジン（主にGoogle）に自分のサイトやページを上位表示させるための施策のことです。SEO対策を行うことで、検索ユーザーからのアクセスや信頼度を高めることができます。しかし、SEO対策は一...
Webサイト制作 スケジュール 成功ガイド
Webサイト制作のスケジュールを成功させるための要素、具体的な作成手順、効率化ツール、遅延対策を解説。スケジュール管理を効率化し、理想のウェブサイトを完成させましょう。
コンバージョンとは？意味、種類、計算方法をわかりやすく解説
コンバージョンとは、Webマーケティングにおいて重要な目標達成を意味します。この記事では、コンバージョンの意味、種類、計算方法をわかりやすく解説します。
SEO内部対策とは？効果的な施策・重要性・チェックリストを解説
SEO内部対策とは、検索エンジンの評価を高めるために、ウェブサイトの構造やコンテンツを最適化することです。この記事では、SEO内部対策の重要性、効果的な施策、チェックリストを詳しく解説します。
GA4 アクティブユーザーとは？定義・確認方法・分析方法を解説
GA4のアクティブユーザーとは、一定期間内にウェブサイトやアプリにアクセスしたユーザー数を指します。本記事では、GA4におけるアクティブユーザーの定義、確認方法、分析方法について解説します。
