ふーしゃのWeb制作ブログ

元SEアラサー女がWeb制作についての学習をシェアするブログです。

2020-02-01から1ヶ月間の記事一覧

【Webデザイン】オリジナルWebデザイン : アイスクリーム専門店の仮想LP - 終 SP版デザインカンプをつくる【Adobe XD】

背景 アイスクリーム専門店の仮想LPの作成過程をまとめています。 前回は、PC版デザインカンプ制作の総振り返りでした。 本記事で、さいご。 SP版デザインカンプの総振り返りです。 制作物 続タブレット版プロトタイプつぎはコーディング!✊#今日の積み上げ …

【Webデザイン】オリジナルWebデザイン : アイスクリーム専門店の仮想LP - 5 PC版デザインカンプをつくる【Adobe XD】

背景 アイスクリーム専門店の仮想LPの作成過程をまとめています。 前回は、単体のアイスクリーム画像の制作についてまとめました。 本記事では、PC版デザインカンプの総振り返りとなります。 制作物 続プロトタイプでうごきもみれました制作期間 : 1/31、2/3…

【Webデザイン】オリジナルWebデザイン : アイスクリーム専門店の仮想LP - 4 背景が透明な単体アイスクリーム画像をつくる【Adobe Photoshop】

背景 アイスクリーム専門店の仮想LPの作成過程をまとめています。 前回は、水彩背景素材の制作についてまとめました。 本記事では、同じくメニューセクションにて使用した 背景が透明な単体アイスクリーム画像の制作について まとめていきます。 制作物 単体…

【Webデザイン】オリジナルWebデザイン : アイスクリーム専門店の仮想LP - 3 自作の水彩背景素材をつくる 【Adobe Fresco】

背景 アイスクリーム専門店の仮想LPの作成過程をまとめています。 前回は、自作ロゴの制作についてまとめました。 本記事では、メニューセクションにて使用した 水彩背景素材についてまとめていきます! 制作物 水彩背景画像 - strawberry 水彩背景画像 - or…

【Webデザイン】オリジナルWebデザイン : アイスクリーム専門店の仮想LP - 2 自作のお店ロゴをつくる 【Adobe Fresco】【Adobe XD】

背景 アイスクリーム専門店の仮想LPの作成過程をまとめています。 前回は、ワイヤーフレーム作成についてまとめました。 fuchsia-84.hatenablog.com 続いて、画像素材の作成へ。 本記事では自作ロゴの制作についてまとめていきます! 制作物 自作ロゴ 実際の…

【Webデザイン】オリジナルWebデザイン : アイスクリーム専門店の仮想LP - 1 ワイヤーフレームをつくる

アイスクリーム専門店の仮想LPの作成過程をまとめています。 お題/全体のまとめは前回記事にて。 まずはワイヤーフレームから! 制作物 制作したワイヤーフレーム 制作期間 制作期間 : 1/31 合計制作時間 : 約4.0h 学習ポイント 2カラムレイアウトの幅と余白…

【Webデザイン】オリジナルWebデザイン : アイスクリーム専門店の仮想LP

2つめの自作Webデザインについてのまとめ記事です。 出来上がったデザイン(左:PC版、右:SP版) お題 アイスクリーム専門店の仮想LP お店の特徴 フルーツアイスクリームショップ アメリカ生まれ 素材の色・風味を大事にする コンテンツ希望 お店のロゴ トップ…