Adobe XD 「シェイプの合成」でキラキラアイコンを作ってみよう！シェイプの合成についても解説！

突然ですが、遊び心やあしらいに "キラキラアイコン"を使いたいと思ったことはありませんか？ Font AwesomeやMaterial Iconsにもあったりなかったりしますが、この"キラキラアイコン"、XDと発想の転換で自作できちゃうんです。 目標：背景色や大きさ、枠線、縦横比を変更できるアイコンを作る 今回目標とする形は画像のようなキラキラです。 背景色や大き

Web制作

2023.01.21

なぜあなたのポートフォリオサイトは完成しないのか。原因はたったひとつ！制作着手前のステップも公開！

近年、Web制作を仕事にしようとSNSのプロフィール欄に自作のポートフォリオサイトのリンクを添付している方が多くみられます。 その中でも気になったのが、 ナビゲーションのリンク切れページのコンテンツが途中リンク遷移先が他と同じページ といった「完成していない」ポートフォリオサイトが散見されます。 そして数ヶ月後また同じサイトを見るとまだ見せられる段階にない…。 完成

Web制作

2022.12.20

丸く配置したテキストがくるくる回転するデザインを作ろう！

よくおしゃれなサイトで丸配置のテキストがくるくると回転しているデザインを見ることが多くなってきました。 See the Pen 回転 by Ito Hiroki (@ito-hiroki) on CodePen. サイトのアクセントになって見栄えが増しますね。 今回はそんな丸配置のテキストが回転するデザインの実装方法を紹介します。 必要なツール A

Web制作

2022.10.20

Adobe XDでパディング設定する方法

文字と長方形を作成 図形を作り、その上に文字を重ねます。 グループ化 文字と長方形を選択し、右クリック→「グループ化」 もしくはショートカットキー「⌘ + G」でグループ化します。 パディング設定 グループ化したものをクリックすると右側メニューに「パディング」が表示されます。 「レスポンシブサイズ変更」がアクティブになっていないとパディン

Web制作

2022.10.19