- React, Vue.js
【2020年版】CSS Flexbox 実践！レイアウトを作る
こんにちは。FASTCODINGデザイナーの七転び八重子です。 CSSでレイアウトを組む時、一昔前はfloatなどを使ってレイアウトを組む方法が一般的でしたが、最近では「Flexbox（フレックスボックス）」を使ってレイ […]
- React, Vue.js
【2020年版】商用OKな海外のオススメ無料写真素材サイト
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webデザインやモックアップに欠かせない写真素材。どんな写真を使うかでデザインのイメージが大きく変わりますが、今回は色々な写真素材サイトの中から、私が実際に […]
- React, Vue.js
UIデザインツールFigma ①入門編
こんにちは。FASTCODINGデザイナーの七転び八重子です。 普段デザインでは、Sketchを主に利用している私ですが、同じくUIデザインツール「Figma（フォグマ）」を実はまだ触った事がありません。そこで、更なるス […]
- React, Vue.js
【2020年】新しいデザインのトレンド「ニューモーフィズム」に注目
こんにちは。FASTCODINGデザイナーの七転び八重子です。 昨年末から新しいWebデザインのトレンドとして注目されている「ニューモーフィズム（Neumorphism）」 今回は、ニューモーフィズムの特徴とデザインの仕 […]
- React, Vue.js
手書きのイラストを簡単にベクトルデータ化できるAdobe Capture！
こんにちは。FASTCODINGデザイナーの七転び八重子です。 デザイナーのみなさん、手書きのイラストや写真を編集・加工する際は、どんなツールを利用していますか？ 私の場合は、スキャンしてパソコンに取り込み、Illust […]
- React, Vue.js
【3】マテリアルデザイン実践 ②ボタンのルールと作り方
こんにちは。FASTCODINGデザイナーの七転び八重子です。 前回マテリアルデザインの実践で「カラーの選び方」をご紹介しましたが、今回は、実践編２「ボタンのルールと作り方」です。 マテリアルデザインでカラーを決めたら、 […]
- React, Vue.js
【2】マテリアルデザイン実践 ①カラーの選び方
こんにちは。FASTCODINGデザイナーの七転び八重子です。 前回「これまでのデザインとマテリアルデザイン」をご紹介しましたが、今回は、実践編です。 マテリアルデザインで最初にするカラーの選び方について解説します。 １ […]
- React, Vue.js
【1】これまでのデザインとマテリアルデザイン
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webデザインをする上で基本的な考え方のベースになる「マテリアルデザイン」 マテリアルデザインを知らない人でも、AndroidやYouTube、Google […]
- React, Vue.js
【2】Sketchの導入方法と基本操作
こんにちは。FASTCODINGデザイナーの七転び八重子です。 前回は、Web制作のUIデザインツールとして有名な「Sketch」について、 【1】WEBデザイナーがSketchを使う理由 を紹介しました。今回は、実際に […]
