AdobeXDからfigmaに乗り換えて困った事とその対処方法
AdobeXDをベータ版から使っていましたが、Adobeがfigmaを買収してXDがなくなると噂になり始めたのが2023年入ってから。 2023年後半になってやっと、figmaへの移行を始めました。
XDでのWEBデザインに慣れていた人が、figmaを使って困ったところ書き出してみました。
フレームサイズ
普通にフレームサイズにすると、高解像度に対応してなくて、作業画面やスマホの確認画面で文字やロゴの解像度が低く滲む問題。
テキストの表示はこの設定で２倍表示になったので、滑らかに表示された。
が、そもそもピクセルプレビューをオフにすると
XDっぽく、ピクセルが気にならなくなります。
プレビューサイズの問題
スマホで表示する時にプレビューサイズの高さの設定が出来ないから、左上に置いたロゴが、iPhoneのノッチで隠れる。
iPhoneでsafari開いてスクショをとってブラウザのUIだけをトリミングして貼り付けました。
マスクのやり方
マスクの考え方がイラストレーターやXDなどのAdobe流ではなく、逆の考え方。ようは、表示したいレイヤーが上で、切り抜きたい枠が下のレイヤー。
まだ続きます。。。
外部サイトからのリンク獲得！SEO効果を高めるための戦略と注意点
外部サイトからのリンク獲得は、SEO対策において非常に重要な要素です。本記事では、SEO効果を高めるための外部リンク獲得戦略、注意点などを詳しく解説します。
SSL設定方法完全ガイド：初心者でもわかる手順と注意点
SSL設定方法を初心者向けに解説。SSL証明書の種類、取得方法、サーバーへの設定方法、確認方法まで詳しく解説します。
ウェブサイトの印象を決定づける！ヒーローイメージの活用方法
ウェブサイトを訪れたユーザーの第一印象を左右するヒーローイメージ。効果的に活用することで、注目を集め、コンバージョン率向上に繋げることが可能です。本記事では、ヒーローイメージの役割やデザインのポイ...
ホームページ制作NG集｜やってはいけないこと30選【初心者向け】
ホームページ制作でやってはいけないこと30選を初心者向けに解説します。SEO対策、デザイン、コンテンツ作成など、失敗しないための注意点を紹介。成功するホームページ制作の基礎知識を身につけましょう。
Webデザイン用語集：初心者向け解説と実用的な活用法
あなたはWebデザインの世界に足を踏み入れ、ウェブサイト制作の基礎を学びたいと考えていますか？しかし、専門用語の多さに戸惑い、どこから手をつければいいか迷っているかもしれません。この記事では、Webデザ...
「スマホ対応は当たり前」についての解説と抑えておきたいポイント
スマホ対応とはPCでアクセスした際に表示されるページとスマートフォンでアクセスした際に表示されるページの表示方法を変え、小さな画面でも適切な文字サイズ、デザイン、ユーザインターフェースに切り替えるこ...
Web集客のコツとは？13種類の方法と戦略、費用、ツール
インターネット時代の今、Web集客はビジネス成功の鍵を握ります。従来の広告手法に比べ、低コストで効率的に顧客を獲得できるだけでなく、ターゲット層を絞り込んだアプローチが可能になります。顧客との繋がりを...
レンタルサーバー比較！初心者におすすめの選び方
WordPressブログを始めるなら、まずはレンタルサーバー選びから。サーバーの種類によって、ブログの速度や安定性に大きく影響します。このセクションでは、WordPressに最適なレンタルサーバーの種類を解説します...
画像SEO対策に効果的なalt属性の書き方と活用事例
alt属性を効果的に活用して画像SEOを強化する方法を解説。適切な記述方法、注意点、具体的な活用事例を紹介。検索エンジンの最適化とアクセシビリティ向上を目指します。
今するべきタスクだけを表示させるNotionのフィルター設定
Notionでタスク管理をしてして困ったことがあります。それは、まだ手のつけられないタスクにやるべきタスクが埋もれてしまうこと！今回はその悩みを解消するフィルター設定についてご紹介します。
