Trial and Error
深瀬 鮎美のあたまの中身...
製作中のあたまの中の取り止めの無いぐるぐるした思考を、時系列に羅列してみました。
Back
はじめてWebサイトの形のものを作成した時の頭の中です。
講座の受講が一通り終わったから、Webサイトを作成してみたい!
デザインしてみよう!
落ち着いたナチュラルな雰囲気のカラーでまとめよう
アクセントカラーがあると、かわいいし、重要な部分がわかりやすいな。
フォントはタイプライターみたいな英文と
和文は、雰囲気のある明朝体と、読みやすいゴシックを使い分けてみよう
本のイラストの中に文章が入っているデザインをしたらかわいいかな?
コードを書いてみる
画面幅が少しでも変わると、デザインがくずれる部分がたくさんあって難しいな
自分のしたいデザインになるようにhtmlを書くのだろうけど、どう書いて何で囲うのかとても悩む
カーソルが乗ったら動きのあるサイトは楽しいし、クリック可能かどうか感覚的にわかりやすいな!
ハンバーガーメニューの仕組み、難しいな
グッズ作りは得意だから、そこまで作れたら楽しいかな
なんとか、形にはなったようだけど、もっと色々できるようになりたい!!
今回気がついたこと・得たこと
・ボタンとそれ以外の目立たせたい部分のあしらいを、統一感があり良いと思って、角丸の枠で囲むように、揃えていたが、しっかり区別しないとどこが押せてどこが押せないのかが、
一目ではわからないWebデザインになっていた。グラフィックデザインとの違いを実感できた。
・参考にWebサイトを制作する立場で多数閲覧し、自分なりにデザインや構成などへの知識を蓄えました。
・授業では、決まったコードをお手本の通りに書いたので、Webサイトのデザイン自体に何が必要なのか、というところから調べられた。
・Webサイトとして、おかしい/美しくないデザインがあるということを学習できた。
・デザインして、それを実際に動かしたりクリックすることのできるWebサイトのかたちにする楽しさを味わえた。
WORKS
制作物一覧
#自主制作
#Webデザイン
#HTML
#SCSS
#Javascript
ポートフォリオWebサイト
問題解決の実現について考えてみる、ポートフォリオのデザインを作成する
制作にあたっての目標
転職を目指すため、自己PRになり得るクオリティのポートフォリオを作成する。
企画/webデザイン/コーディング
#自主制作
#HTML
#CSS
#Javascript
Python学習のための占いアプリ
Python学習として制作。27通りの結果を導く占いゲーム。
Python学習のための占いアプリ
Pythonのリストを使用して、27通りの結果がでる占いアプリを作ってみる
イラスト作成/デザイン/プロンプト作成(Antigravithy)/Python
#自主制作
#Webデザイン
#HTML
#SCSS
#Javascript
レンタルルームWebサイト
ゆったり感を表現する、顧客獲得の仕組みを考える
クライアントの要望
始動前の、個人宅ヘッドスパ店のウェブサイトを作成し、新規顧客獲得や予約ページの仕組みをつくって開店の準備をしたい。
企画/アイコンデザイン/webデザイン/コーディング/LINEミニアプリ(予定)
作品一覧へ