なぜ、#AdobeXD は、#ラスター方式 でなく、#ベクター方式 になったのかな？ 昔から、#Webカンプ を作る時は、#Photoshop、DTPは、#Illustrator だったし、#WebカンプをIllustratorで作るとすごく嫌がられてたよネ？ 端数とか、偶数奇数とかを考えて作るならベクターでもOKってことなの？ #Webデザイン

#Illustrator における、画像書き出しのパターンの整理　特に、PNG形式について 透過生のある無し　PNG８24 32 #Photoshop #AdobeXD の書き出しパターンとの比較　次回課題 #Webデザイン

Adobe XDとは kitsune.co.jp/insights/adobe… #AdobeXD #グラフィックデザイン #コメント #デザイン #デザインツール #プロトタイピング #ユーザーインターフェース #ユーザーエクスペリエンス

#AdobeXD に文字の検索・置換は無いんかい！ 有料プラグインを買わないといけない・・・こんなIT時代に20年前からある機能が実装されていないとは・・・ マジで不便、ぜひ #アドビ さん、機能追加してください（切実） pic.twitter.com/yOKbvExGfn

Webデザインを極めたいのであればAdobeXDをフル活用できるようにするのがベストです。 お勧めスクールはこちらでチェック！ ⇒it-tetsujin.com/web-design-sch… #Webデザイン #AdobeXD pic.twitter.com/Nf4pVgtQxN

同じ画像を取り込んで、PNG画像で、書き出したとき、#AdobeXD と、#Photoshop では、書き出したあとの画像サイズが、AdobeXDでは、書き出し前と変わらなかったが、Photoshopでは、小さくなった なぜ？ #Webデザイン

#AdobeXD の場合は、PNG画像は、書き出し元の、✖️2とかの指定は、できたけど、PNG8 PNG24 PNG32 の指定はできなかったような記憶 で、書き出した画像は、透過していたから、たぶん、それ、PNG32 かな？PNG8 は、色数、GIF並みのはずだから #Webデザイン

「at STRIX」更新しました。 Adobe XDとFigmaの比較 ｜ 動画・音声・GIFのこと 記事はコチラから at.strix-inc.jp/9621/ #STRIX #ストリクス #webデザイン #webデザイナー #web制作 #webデザイン勉強中 #Webデザイン #figma #AdobeXD #UIデザインツール

枠線は、#AdobeXD でも、#Photoshop や #illustrator と同様、オブジェクトの内、外、中央と選択できました オブジェクトの(w,h) は同じでも、PNGで書き出すと枠線の付け方で、サイズが異なるのも、同様でした

#AdobeXD でら同じことをやると、上と左は完全一致しますが、🔽と右に、0.5px ずれる、という、違いがありました

#Illustrator #AdobeXD で、100.5px の正円を描き、PNG画像で描き出すと、101px の正円になりました その画像を、Illustratorに配置して、元の画像と上下左右中央配置だ重ねると、上下左右ともに、0.25pxのズレになりましたが、

#AdobeXD (w,h)=(1519,695)px のアートボード内に、(w,h)=(1030,630)pxのオブジェクトを中央配置したら、オブジェクトの(x,y)は、(245,33)pxとなります。同じことを、illustratorでやると、(244.5,32.5)、Photoshopでは、 (245,33)となりますが、

画像処理が、ビットマップか、ベクターか？とかで、違ってくるところもあって、だから、従来、#Webデザイン なら、#Photoshop、#DTP なら、#Illustrator と、区分けされていたわけだが、#AdobeXD の処理は、イラレと同じらしいのに、Webデザインに特化しているとされているので、混乱しますネ

昨日、画像作り込みの準備で、#Photoshop でやったことは、#AdobeXD に画像を取り込んで、やってもよかったかもしれないナ 全体をふかんするなら、XD、作り込むなら、Photoshop、という区分だったけれども #Webデザイン #コーディング

イラレでweb用デザインを作るときの注意点 starlinks.jp/2020/11/09/ill… #AdobeXD でも同様か？

Lifebookでは現在、デザインツールとして #AdobeXD を使用しています👨‍🎨 ただ、XDの今後は白紙の状態が続いているため #Figma の検証も進めています。 今回はエンジニアの視点から、XDと比べてFigmaの方が便利なことをまとめてみました！ #ライフブック #Web制作 #Webデザイン pic.twitter.com/uAQ08pSHU3

#AdobeXD で、作成、書き出した、格子および、gapのグリッドイメージ 黄金らせん を、#Photoshop に取り込み、レイヤーとして重ねる その上に正円と、テキストを重ね、精密に配置して、配色、加工 #Webデザイン #コーディング

gap 背景用の画像 #CSSグリッド のgap部分に彩色するために、gapのサイズにあわせて、#AdobeXD の #リピートグリッド を使い作成しました この画像をCSSグリッドのグリッドアイテムに重ねることで、背景色を重ねるよりも、gap部分に、多様に、思った彩色が可能になります #Webデザイン #コーディング pic.twitter.com/jomCfAibp0

「at STRIX」更新しました。 XDからfigmaへの乗り換えでつまずいたこと ―前編― 記事はコチラから at.strix-inc.jp/9676/ #STRIX #ストリクス #webデザイン #webデザイナー #web制作 #webデザイン勉強中 #Webデザイン #figma #AdobeXD

月曜の夜かぁ、と思われるかもですが、 5月22日（月）19時より「プロトタイプでここまでできる！スマホゲームUI/UXデザインセミナー」をオンライン開催します！！登録無料なのでぜひ！ borndigital.co.jp/seminar/29905.… #adobexd #uiuxdesign #figma #protopie