Adobe XD or Figma(uiデザインツール)を導入するために、只今学習中です。 | 愛知県春日井市でホームページ制作はFULL Web D…

お気軽にご相談ください
お問い合わせフォーム
※初回問い合わせのみ
フォームよりお願いします。


Adobe XD or Figma(uiデザインツール)を導入するために、只今学習中です。

 

 

こんにちは FULL Web Design の渡邊です。

 

Abodeっていう名前は皆さん聞いたことありますか?

僕は専門学校で初めて知ったのが、1998年ですが、

ここまでメジャーなソフトメーカーになるとは思っていませんでした。

デザイン業界の中のメジャーみたいな感じであって、

今みたいな時代、誰もが情報発信をする(YoutubeやWEBサイトなど)時代が来るとは、

はっきり思っい描いていなかったのと、

ソフト自体が高額で、今のようにサブスクが生まれたせい、また、

クリエイティブクラウドというパッケージを契約すると、すべてのソフトが使えるようになる、

というところが、ここまでメジャーになった理由でしょうか?

(動画編集ソフトもあります)

デザインソフトといえばイラストレータとフォトショップ

 

その中の2大巨頭といえば、もちろん、イラストレータとフォトショップです。

デザインをするならこの2つのソフトは利用していると思います。

イラストレータはパスのあるデータを作成するソフトで、レイアウト作業に向いていて、主にチラシ作成、ロゴ作成、イラスト(パスのある)などに利用されます。

フォトショップは、写真加工、合成、切り抜き、イラスト(パスのない)作成などに利用されます。

 

そこで、WEBサイトをデザインする際はイラストレータを使ってデザインするんですが、

やはり、チラシや、ロゴ作成など制作する場合は良いのですが、

WEBデザイン用に設計されたソフトではないのです。

 

最近よく聞くXDやFigma

 

そこで、ここまでWEB制作が盛んになって、登場したのがUIデザインツールのXD(エックスディー)やFigma(フィグマ)です。

XDが2017年初リリースらしいので、結構経ってますが、メジャーになるのに時間がかかると思うので、盛んになってきたのはここ数年でしょうか。

(実はXDやFigmaがよく使われているというのはコーダーさんとの会話の中で教えてもらったのですが)

コーダーとはデザインはせず、デザイン通りWEBを組み立てる人で、渡されるデータはFigmaやXDが多いと。

デザインとコーディングを同じ人がやる場合

私はイラストレータでデザインをする際、あくまでラフデザインで、

実際は、コーディングしながら、詳細は詰めていきます。

ラフより、コーディングしたもののほうが、きっちりして綺麗です。

コーディングで調整して、ここは組むとき考えようとか、。

 

僕の場合、グラフィック(WEBデザイン)と、コーディング、両方やりますので、

お客さんにデザインを見せる際も、まずTOPページをコーディングして、それを見てもらいます。

なんで、ぶっちゃけ、XDは必要ないのですが、

コーダーさんと連携して制作しようと思うと、そうは行きません。

デザインとコーディングが別々の人がやる場合

 

コーダーさんと連携する場合、

コーダーさんに「適当にいい感じにして」という話では、

そもそもWEBコーダーなので、デザインは別領域なので、頼めないし、

未完成なデザインだと、出来上がったものを自分で再修正する羽目にもなりかねません。

(ぶっちゃけ、代理店さんから来る仕事は、僕は両方できるので、適当にやっちゃうのですが、、笑)

 

コーダーに渡す際、完成形を作りやすいのがuiデザインツール

そこで、こちらのデザイン意図を確実に伝えるためにuiデザインツールです。

XDややFigma はWEBデザインを作成するためにあるようなソフトです。

リピートグリッドがあったり、

コンポーネントなど、マスターオブジェクトを変更すれば全部が変わるなどあったり、

オブジェクトに対して、端から何ピクセルでレイアウトしてあるか、などの情報も簡単に読め、

作りやすいし、コーダーも情報を読みやすいのです。

 

そういう機能がない場合、完成データをイラストレータできっちり完成させるのは、大変な労力がかかります。

コーダーにも優しい。

 

 

Adobe XD か Figmaか?

ここが悩みどころで、2022年にFigmaがAdobeに買収されたらしく、XDの雲行きが怪しいという記事がポツポツあるのです。

日本ではXDが人気なようですが、海外ではFigmaのほうが人気があるらしく、買収も負けを認めたようなもの。

facebookがインスタを買収したような感じでしょうか。

 

とりあえず、XDは今の契約で使えるので使ってみて、

Figmaもマニュアルも買って勉強しようかと思っています。

 

未来を考えると、新しいソフトにも柔軟に対応していかないと、なあと思う今日このごろです。

 

 

 

 

ホームページ制作ならFULL ウェブデザインにお任せ下さい。

開業12年以上の経験で、あなたのビジネス・サービスをインターネット上で認知されるお手伝いをいたします。

グラフィックデザインは20年以上の経験ですので、シンプルかつ、いい感じにホームページを制作いたします。

お気軽にお問い合わせください。

 

初回お問い合わせは、メールにてお願いいたします。

お問い合わせフォーム

 

 

 

 

 

 

 

 

アバター画像
編集者
Watanabe Kousuke

1980.11.26生まれ 2児の父 愛娘家 趣味:料理 DIY
2000年、名古屋栄の東京デザイナー学院名古屋校(現名古屋デザイナー・アカデミー)を卒業。
グラフィックデザイン歴25年以上、WEB制作歴20年以上。
30歳で起業。起業前は音楽活動(HIPHOP)、看板屋(看板・店内サイン制作)、デザイン会社(WEB等制作)などを経験






TOP




ブログタグ

Thunderbird (4) Custom Field Gui Utility (1) finder (1) アプリケーションフレーム (1) 修正 (1) ビジュアル (1) 管理画面 (1) 5ボタン (1) デザイン住宅 (1) チェックボックス単一 (1) SIM (1) MLC (1) e-tax (1) 小牧市 ホームページ制作 (1) svg (1) ADOBE RGB 1998 (1) imac2015 (1) phpmyadmin (1) 金魚 水換え時期 (1) エルバージェーエース (1) 春日井 (1) WIN→MAC (1) welcart (2) 再起動 (1) フルスクリーンモード (1) 写真 (1) Tシャツ (1) カテゴリ (1) BSMBB23S (1) 住宅 (1) チェックボックス択一 (1) ガラゲー (1) TLC (1) 確定申告 (1) 小牧市 プロカメラマン撮影 (1) バージョンアップ (1) DCI-P3 95% (1) ブログカード リンク効かない (1) twitter (1) 一日に必要なタンパク質 (1) グリーンFゴールド (1) More..
ブログ改造 (1) サンダーバード (2) HDD (2) EaseUS Todo Backup Free (1) Instagram (2) 写真修正 (1) タオル (2) ClipMenu (1) BUFFALO (1) 新築見学会 (1) 表示領域切り替え (1) 年齢認証 (1) 鳳雷 (1) コンテンツに応じた塗りつぶし (1) OPPO A5 2020 (1) wp_list_categories (1) プレーンテキスト (1) イラレ 実寸 (1) X (1) タンパク質 (1) アートボード編集 背景 白 イラレ (1) ホームページ制作 (3) dock (1) Time Machine (1) hp pavilion g6 (1) Instagram feed (2) 撮影 (1) のぼり (1) DockMenus (1) osx (2) 見学会 (1) 壁紙 (1) アドバンスカスタムフイールド (2) Auto Post Thumbnail (1) カテゴリページに訪問数 (1) Macbook pro 16インチ 整備品 (1) User Access Manager (1) コピー&ペースト (1) イラレ 実寸 66.7% (1) イラレからXDにコピペ (1) z-index (1) VS CODE (1) HP制作実績 (1) ターミナル (1) 別パーティション (1) デザイン事務所 (2) アカウント切り替え (2) 視野角 (1) 横断幕 (1) XtraFinder (1) マウスドライバ (1) document2.zip (3) 変更 (1) ユーザー (1) type pad 絵文字 (1) タグページに訪問数 (1) M.2 (Type2280) (2) conoha wing (1) WEB広告 (1) イラレ 実寸 66.7% web (1) textedit (1) 40WP95C-W (1) javascript (1) 名古屋 (1) LION (1) 外付け (2) 新設 (1) インスタグラム (2) DropBox (2) 田中恒成 (2) 仕事効率化 (1) .htaccess (1) ウイルス (3) 時間帯 (1) 出力 (1) インドネシアランチ (1) タクソノミーページに訪問数 (1) M key (1) ssh (1) ランディングページ作成 (1) パソコン用眼鏡 度数 (1) 行間 (1) 激辛ソース (1) アマゾンの自分のレビュー確認 (1) 美容院 (1) Mac (7) hdw14 (1) 沖縄 (1) ウィジェット (2) PC共有 (1) Nexus5 (2) ボクシング (1) 301リダイレクト (1) document1.zip (1) キャッシュ (1) Viltrox L116T (1) インドネシア料理 (1) タームページに訪問数 (1) Macbook Pro (1) 春日井市 (1) WEB広告&ランディングページ作成 (1) xserver (1) エッセンシャルグラフィックス (1) スクリーン無呼吸症候群 (1) SEO対策 (2) MG3130 (1) wimax2 (1) 移転 (1) サイドバー (2) FileZilla (1) SIM FREE (2) macbook air (1) Redirection (1) こすりん棒 (2) アンドロイド (1) 尾張旭市でホームページ制作 (1) オーガニックコーヒー (1) アーカイブページに訪問数 (1) Macbook pro 16インチ (1) 県営名古屋空港ターミナルビル (2) Mac なんか悪い (1) XSEVER 新サーバー簡単移行 (1) エラー (1) 電子メール無呼吸症候群 (1) 検索結果 (2) プリンタ (1) ソフトウェアアップデート (1) 事業者概要 (1) プラグイン (2) FTP (1) 楽天モバイル (3) UASP (2) エンコード (1) セラミックスクリーナー (2) クローム (1) 春日井の刺繍屋 (1) カヤトースト (1) Smash Balloon Social Photo Feed (2) Thunderbolt 3 (2) 大規模接種会場 (1) APFSフォーマット (1) CMYK300% (1) 落ちる (1) ZV-E1 (1) 我がサイトSEO (1) hoster (1) 改善 (1) おもしろい (1) 複数アカウント (2) パーミッション (1) ヒスタミン食中毒 (1) ディスクユーティリティ (2) できない (1) Late2012 (1) Blackmagic Disk Speed Test (1) NINICAFE (1) ハラールフード (1) サーバーの識別情報を検証できません (1) M.2 (2) コロナワクチン (2) クローン (1) webp (1) MAMP PRO アップデート (1) VLOGCAM (1) カッティングシート (1) Virtual Host (1) 年始年末の営業 (1) キャットスマック (1) Crayon Syntax Highlighter (1) インテリポイント (1) 抗ヒスタミン剤 (1) 外付けssd (3) デフォルトパーマーリンク (1) MK462J/A (1) IOUSBAttachedSCSI (1) NINICAFE ハンバーグ (1) 免許再交付 (1) DNS (2) NVMe (1) コロナワクチン副反応 (2) googleアナリティクス (1) Adobe XD (1) Media Sync (1) イラレのデフォルトフォントの変更方法 (1) クラフトロボ (1) xampp (1) ph (1) デザイン (1) ntax highlighter (1) マウス (2) 治療薬 (1) NifMo でんわ (1) パーマーリンク変更 (1) Addon (1) OS X El Capitan (1) 尾張旭 (1) 免許再交付 平針運転免許試験場 (1) TTL (1) 「いいね」購買横行 (1) コロナワクチン副反応 頬張れる (1) GA4 (1) Figma (1) ドメイン移管 (1) パーマーリンクを日付からタイトルに変更 (1) iMac (5) Adminimize (1) ロイヤルカナン (1) パッケージ (1) PS Disable Auto Formatting (1) 起動時 (1) amazon (1) ニフモ電話 (1) ポストタイプ変更 (1) Quicktext (1) SSDケース (1) ak69 春日井 (1) 平針運転免許試験場 (1) Internet Explorer 11 (1) iphone12 (1) コロナワクチン副反応 唇腫れる (1) タグマネージャー (1) uiデザインツール (1) VSCode スニペット (1) 松かさ病 金魚 (1) メモリ (1) Biz Calendar (1) 尿結石 (1) ほっこりした (1) ipodtouch5カメラ (1) paypal (1) プライムビデオ (1) 使えない (1) 上手く行かない (1) 下痢 (1) ベンチマーク (1) MAMP PRO (3) 財布落とした (1) virtualbox (1) 5G (1) モデルナ2回目 (1) M.2 SSD (2) モバイルファーストデザイン (1) DKIM設定 (1) 松かさ病 (1) ssd (4) User Role Editor (1) 膀胱炎 (1) 猫のえさ (1) SONY NEX-C3 (1) ショッピングサイト (1) chrome (2) 解約 (1) 効かない (1) 人工甘味料 (1) ヒアリ (1) 3D NANO MLC (1) ビビった (1) Windows10 (1) iphone12 pro (1) MAMP PRO 6 (2) thunderbolt2 (1) Export media with selected countent (1) MAMP PRO 8 (1) 金魚 (1) USB3.0 (2) wordpress (8) 出張カメラマン (2) Illustrator (1) デジタル一眼レフ (1) Custom Field Suite (1) バグ (1) 違約金 (1) 日本語URL (1) コンタクトフォーム (1) LINE (1) 3D NANO TLC (1) MAMP PRO 5 (2) VirtualBox Guest Additions (1) マスクの範囲をアートボードに (1) イラレで書き出すと色がくすむ (1) Thunderbolt 3(USB-C)- Thunderbolt 2アダプタ (1) パテックスうすぴたシップ 回収 (1) MAMP PRO 7 (1) 薬餌 (1)


よく読まれている 人気記事




 

SHOP INFO

春日井市にあるFULLウェブデザイン|ショップ画像

ホームページ制作 FULLウェブデザイン

お問い合わせ
電話受付:10:00 〜 16:00(基本)
定休日:土日祝日 お盆・GW・年末年始
〒486-0956 
春日井市中新町1-12-1宝味美ハイツ403
※現在、こちらでは打合せはおこなっておりません。
御社にご訪問させていただきます。(喫茶店・ファミレス等も可能)

事業内容

【ホームページ制作】

制作・保守管理 ランディングページ制作 WEB広告


【グラフィックデザイン】

ロゴデザイン制作 名刺制作 リーフレット・チラシ制作 看板デザイン・設置 パッケージラベルデザイン



MAP

春日井市中新町1-12-1宝味美ハイツ403