Adobe_XD

サムネイル作成にXDが非常に便利だった

サムネイルを作る時にいつも同じフォーマットを使用して作ると思うのですがXDが非常に便利なことに気付き今ではXD一択です。

サムネイルを一々本気で作成していたら時間がかかりますしめんどくさいので基本的に既存の形を複製してちょこっと変える程度でいいと思ってます。

それが非常にやりやすいので是非真似して見て下さい。

もっとみる

【初学者】Web系用語集のデザイン編

これからWebデザインを始めたり、何かWebデザイナーに制作をお願いしたい事業主の方に向けて、簡単な説明ではありますが用語集を作りました💡

この中のものを使って、HP制作やバナー、イラストなどを作り、良い商品をより多くの人に届けるきっかけを与えてくれてるんだなぁとなんとなくでも思って下されば幸いです😆

※2020年10月22日に初公開、まだ作ったばかりなので数は少なく、今後更新して増えてい

もっとみる
フォローもよろしくお願いします✨
3

XD勉強会開催!直感的な操作性についてオンラインで説明しました!

弊社では9月末、坂野が講師役となりAdobe XDの勉強会をオンラインで開催しました。

以前から社内SNSでwebサイトでのお役立機能紹介を行っており、紹介をした中でAdobe XDというソフトについての機能を共有していたのですが、文章だけでは伝わらない箇所をもっと知ってほしいと思い、Adobe XD勉強会を企画し社内で開催しました。

勉強会の目的としましては、今後増えるワイヤーフレーム作成な

もっとみる
スキをありがとうございます。

l Adobe XD おすすめUIキット

UIキットを参考にすることで、デザインのアイデアを見つけることができたり、フリーのUIキットであればそのパーツを組み合わせて短時間でクオリティが高いUIデザインを作ることが出来ます。

l Social Meet Up UI Kit

丸みをつけたデザインが特徴的なUIキットです。

l iOS13 GUI KIT

iOS13のUIキットです。iOS13の設定画面や、Apple製アプリのUIデザ

もっとみる
ありがとうございます!
2

身の回りのReDesign

デザーンスクールの課題で身の回りのものをReDesignする課題が出ました。
今回、私は参考書を題材にしました。
今まで参考書のデザインなど意識していなかったが、よく見るとデザインの原則を使う余地がたくさんあったので題材に選んびました。
習ったことをふんだんに使い、参考書をReDesignしようと思います。

1. デザインの前提を決める
今回の題材は、以下。
左揃えはできているが、なんとなく勉強

もっとみる

【Adobe XD】初めてUIトレースをしたら高さと幅を0.5px変えるショートカットがなかったのでプラグインで作った。

こんちには。
chinamiです。絵が好きな人の多い職場に転職したい。

転職先を検討するなかで、UIデザインに興味を持ったので少し手を動かしてみようと思いました。UIデザインの入門としてUIトレースというものがあると聞いたことがあったので取り組んでみました。個人的に好きなアプリである「ジャンプ+」をトレースしました。

アプリの分析編については別の記事を書く予定です。今回はUIトレースをして欲し

もっとみる

【初級Ex】 XDデザインからのコーディング練習【複雑なレイアウト】

こんにちは、フリーランスのweb制作者として2年ほど活動しているしょーごです。

以前【初級】XDデザインからのコーディング練習【HTML/CSS】(模範解答付き)というnoteを出しました。

こちらのnoteは「初めてデザインカンプからコーディングをして頂く方向けのレベル感」を意識して作成しました。

【初級Ex】のレベル感、デザイン

今回の【初級Ex】は、それより少し難し目にして、

・H

もっとみる
応援、ありがとうございます!!!(by全員)
5

【XDでプロトタイプ制作】事業主・ Web系初学者向けマガジン【RuiPress】

ライターさん、マーケターさんに向けて、普段から効果検証、解析、執筆、投稿しているLPやブログなどがどうやってできているのか、僕のRuiPressというブログを模写してみました🎵

主要ページであるナビゲーションメニューの

✔︎Webサイトの作り方
✔︎プロフィール
✔︎お問い合わせ

この3ページのみですが、Webデザイナーさんはこういったものから作り上げていき、不具合なく様々な方に使えるよう

もっとみる
スキありがとうございます!
3

【adobe XD】プラグインを使わないで遷移図を表示しよう

開発にあたり画面の遷移を示す図、遷移図ってとっても大事ですよね。フロントエンジニアやサーバーエンジニアにデザインを引き継ぐ際に重宝します。これがないとどの画面がどこに繋がっているか分からりずらいので開発をスムーズに進めるためにも必要です。またデザインにおいても足りない画面がわかるので抜け漏れがないか確認するのも使います。

どうやって表示するの?

以前まではXDには遷移図を表示する機能がありませ

もっとみる

XDUFes2020「今日から使えるAdobe XD Tips集」

今回の記事は先日のXDUFes2020で登壇させて頂いた内容を文字起こししたものになります。
オンラインの勉強会だったので、アーカイブも公開予定です。公開され次第更新します。

是非、YouTubeのチャンネルを登録してお待ちください。

早速、発表の内容に入ります!

その1 Webデザインだけじゃないスライド作成にも使える!

Adobe XDといえば、Webデザインやアプリデザインなどのイメ

もっとみる
スキありがとうございます!お礼に猫をどうぞ
53