フリーランスWebデザイナー・ななふの
デザイン、コーディングの勉強記録やTIPSなど

photoshop

Demoベーカリーコルネ

自主制作の記録!デザイン→コーディング→WordPress化までやってみる。【コーディング編①】ひとまずトップページのレスポンシブ対応まで

駆け出しWebデザイナーの自主制作記録。Adobe XDでデザイン、HTML/CSS/JSでコーディング。WordPressオリジナルテーマ化までを記録していきます。この記事はAdobe XDでデザインしたトップページをHTML/CSS/JSでコーディングした内容の制作メモです。
2023.06.29
Demoベーカリーコルネ

自主制作の記録!デザイン→コーディング→WordPress化までやってみる。【デザイン編①】シンプルなベーカリーサイト

駆け出しWebデザイナーの自主制作記録。Adobe XDでデザイン、HTML/CSS/JSでコーディング。WordPressオリジナルテーマ化までを記録していきます。この記事はAdobe XDでデザインした内容です。スマホ、PC用のデザイン作成しました。実際にお店のホームページを依頼して頂けたつもりで制作中です。
2023.06.29
Design

photoshop 雲模様でできることのまとめ! Vol.1

2021年4月、記事をリニューアルしました!今まで薄すぎた内容で、がっかりさせて申し訳ありません<(_ _)>参考にさせて頂いた記事のリンクと、自分が試しに作ってみた作品を紹介しています。画像が多くて記事が重くなった為、今回をVol.1とし...
2024.02.22
Design

オリジナルデザイン #5『ホワイトデーのバナー』

こんにちは!オリジナルバナー作成第5弾になります。もうすぐホワイトデーということで、架空のショッピングモールのキャンペーンバナーを作成しました。架空のショッピングモール名:Na2 Mallななふオリジナルデザイン⑤誰に向けてファミリー層ホワ...
Design

オリジナルデザイン #4『ひな祭りスイーツのバナー』

こんにちは!オリジナルバナー作成第4弾になります。ちょうど本日がひな祭り!(2021年3月3日)なので、架空のケーキショップのバナーを作成しました。架空のケーキショップ名:Na2factory Sweets今後もスイーツ系で何か作成した際に...
Design

制作実績 #2『お客様サイトのアイキャッチ』

こんにちは!最近はクラウドワークスのコンペ中心に活動しております(^^)/競争率も高く、なかなか採用にならず、厳しい戦いが続いております!そんな中で採用してもらえた、記念すべき2回目の制作実績についてです!今回は、お客様に公開OKの許可をい...
Design

オリジナルデザイン #3『共通テスト直前対策講座のバナー』

こんにちは!オリジナルバナー作成第3弾になります。今回は、大学入試共通テストの時期ということで、架空の塾の募集している対策講座のバナーを作成してみました。今年はこのような状況なので、受験生の皆さん本当に大変ですね…私は応援をするしかできない...
Design

制作実績 #1『成人式・振袖展示会 A4チラシ』

こんにちは!先日納品を終えた、初の制作実績について書きたいと思います。コンペで採用して頂きました(^^)/お客様のご意向により、フル解像度で作品を掲載することはNGとなりました。モデルさんのお顔やお客様情報の詳細が分からない程度に加工するな...
Design

オリジナルデザイン #2『スノードームを作ろう!』

こんにちは!バナートレース活動に加えて、自作デザインも継続して取り組みたいと思います!自分で考えて作ることをしていかないと、上達しないですよね!!今回はA4のチラシを作ることにしました。子供が学校から貰ってくるイベントのチラシをイメージして...
Design

オリジナルバナー制作 #1『クリスマスセール』

こんにちは!そろそろ自作のバナーを作ってみたいと思い、「クリスマスセール」をテーマに作ってみました!ブログでは出来が悪いと思ってもどんどんアップしちゃいます(^^;今まで人様のデザインをトレースさせて頂いているだけだったので、自作となるとや...
2020.12.08