なんだか年が明けてからが一瞬だったように感じています...！ みなさんいかがお過ごしでしょうか。 今月は いろいろさわってみる/つくってみる を実行できた1ヶ月になったように思います。 さて、2020年さいしょの振り返り！ Webコーディング 年末に作成した…

色彩検定1級2次、結果不合格でした1級の壁あつかった…ただ、学習内容はふだんに活きてゆくはず…！！つぎは1次免除、ありがたい来年もチャレンジします#色彩検定— ふーしゃ@web (@fuchsia_84) 2020年1月28日 ということで、1から独学の初受験、 残念ながら1次…

背景 Webサイト制作について学習する中、いつも制作済みのデザインをコーディングし、使用ツールもXDばかりになっていたので、はじめて1からオリジナルデザインを制作し、コーディングしてみることにしました。 今回はワイヤーフレームをAdobe Comp、デザイ…

前回までで準備が整ったので、レッツ・コーディング！ 前の記事 成果物 github.com 公開ページへ(GitHub Pages) スクリーンショット 動画 SP版 : pic.twitter.com/Um0Z3MfV46— ふーしゃ@web (@fuchsia_84) 2020年1月9日 コーディング時間 期間 : 1/8 - 1/9 2…

背景 はじめてオリジナルデザインカンプをPhotoshopで作成しました。 すぐにコーディングに入ろうというところでしたが、 今までのnote模写課題の形式に則りまずはデザインカンプのXD化を考えました。 そこから、レスポンシブデザインもつくってしまいます。…

背景 前回記事からの続き、はじめてのWebデザイン自作シリーズ完結編です。 今回は、Photoshopにてデザイン作り込み。 成果物と、作業中のポイント、苦労した点についてまとめたいと思います。 成果物 はじめてWebデザインを自作することができました！ 制作…

背景 前回の記事で、Compで作成したワイヤーフレームをPhotoshopに取り込むことができました。 fuchsia-84.hatenablog.com これから作り込み...！と思った矢先、あれあれ...できないぞ...？？？という点がたくさんありました。 原因はWebデザイン作成のため…

背景 前回の記事で、Adobe Compでワイヤーフレームを作成しました。 fuchsia-84.hatenablog.com 今回はデザイン作り込みのため、そのワイヤーフレームをPhotoshopに取り込みます。 ぐぐったりして調査するも実際にできるまですこし時間がかかったので、自分…

背景 去年からコーディング・デザインの模写をはじめ、許可いただいたものはポートフォリオに掲載するなどしてきました。 その経験を総動員し、一つオリジナルのものを作成してみたいと考えました。 ワイヤーフレーム作成ツールとしては色々なものがあります…