- Webデザイン
主流のデザインソフトでWebデザイン作るときの基本設定
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webサイトをデザインするにあたり、みなさんどのソフトを利用されているでしょうか?今回は、とても初歩的...
- Webデザイン
【2021年1月】スマホ用Webデザインはこのアートボードサイズで作ろう!
こんにちは。FASTCODINGデザイナーの七転び八重子です。 新型iPhone 12の発売に伴い、iPhone画面解像度を調べてみました。また、スマホ用Webデザインをする際に、どの...
- Webデザイン
【Illustrator実践】マスコット人形の写真をイラストにしてみよう。
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webデザイナーが、絵を描いたり、ロゴを作成したりする時に使うツールがIllustrator(イラストレーター)です。...
- Webデザイン
入力率を高める!お問合わせフォームのデザイン
こんにちは。FASTCODINGデザイナーの七転び八重子です。 今回は、Webサイトのコンバージョン率に関わる重要なメールフォームについて、離脱させないデザイン時の注意点を考慮し...
- Webデザイン
プロトタイプのユーザーテストが簡単に行える「Maze」
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webサイトをデザインしても、作成者の意図がそのままユーザーの理解に繋がるとは限りません。そこで、プロトタイプの段階で...
- Webデザイン
【2020年版】配色の基本5ポイントと便利ツール5選!
こんにちは。FASTCODINGデザイナーの七転び八重子です。 配色を決めるときに、迷ったら配色を提案してくれる便利なサイトがありますが、結構たくさんあるので今回は厳選して...
- Webデザイン
CSSで背景を斜めにデザインする方法まとめ!
こんにちは。FASTCODINGデザイナーの七転び八重子です。 今回は、CSSで実装可能な、背景を斜めに区切ったレイアウトにする方法をご紹介します。 ちょっとした工...
- Webデザイン
【保存版】CSS Flexbox プロパティまとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 前回「Flexbox(フレックスボックス)」を使ったレイアウトの仕方をまとめてみました。今回は、親要素(.flex-conta...
- Webデザイン
UIデザインツールFigma②実践編
こんにちは。FASTCODINGデザイナーの七転び八重子です。 前回UIデザインツール「Figma(フィグマ)」の入門編で、料金プランからアカウント登録、初期設定までをまとめました。今...