Web制作日記

[Web制作日記#28]ワイヤーフレーム30%まで終わった!

ベアさん
記事内に商品プロモーションを含む場合があります

良い子は寝る時間でも、目が半分しか開かなくなっても日記を書いております笑。ベアさんです。

28日目の今日話すことは

ベアさん
ベアさん

ワイヤーフレーム…進行中だよー!

ってことです。

ワイヤーフレームとは?

Webサイトに必要な要素だけを洗い出したデザインのこと。

絵で例えるなら、鉛筆で下書きしてる感じ。

今で大体30%ぐらい終わって、明日には色つけたり、デザインを本格的にしていくところまで持っていけたら良いなと。

ぜひ最後まで読んでくださると嬉しいです!

ベアさん
ベアさん
プログラマー / 起業家
Profile
プログラマー.site管理人

<どんな人か>
・エンジニア2年生
・メイン言語:Ruby on Rails
・Web制作の勉強中...

実はまだ10代です!
最近はWeb制作で稼げるように奮闘してます。
プロフィールを読む

ワイヤーフレーム作成中…

本とコードが書かれたパソコン

引き続きワイヤーフレームを作成してます。大体30%ぐらい終わりました(僕の中では、かなり大きな進捗です笑)

と言うわけで…進捗報告をしていきますよー!

具体的に書くことは

  • ワイヤーフレームの進捗報告
  • 細かいところも気になって進まないってこと
  • Figmaとかデザインって意外となんとかなる

などです。

まとめるなら、ワイヤーフレームがちょっと進んだってことと、僕はデザインを難しく考えすぎてたのかもってことです。

ベアさん
ベアさん

明日からはもっと楽な気持ちでスピードを意識して頑張るよ!

それでは、見ていきましょう↓

今日もちょっとやけどやってたよ〜

今日の進捗はXにツイートした↓

こんな感じで、ちょくちょくレイアウトや文言を意識しながら制作を進めてます!

デザインはわからへんところ多いし、わからへんなりに他のサイト見ながらなのでちょっと遅いかも…

でも、そんな中でも頑張る!明日は土曜日なので完成まで持っていきます。

つい、細かいところも気になって進まん

僕の良くない癖?かもですが、この下書き段階から細かいところも気になって全然進まない現象が起こります笑

いや、やっぱり良いもの作りたいじゃないっすか〜

気になった例
  • 文言こっちの方が良いかな
  • デザインに統一感ないよね〜
  • こっちの方が見やすいかな…

とか、色々考えてたら全然進まんやんけ笑

細かいところは後から修正したら良いし、なんならホームページを公開してからも修正することができるのであまり考えないようにします。

以上!スパスパやってきますって報告でした。

Figmaとかデザインって意外となんとかなる

メリット

2時間ぐらい前まで、

ベアさん
ベアさん

Figma触るの…憂鬱。

デザイン…あばばばば

みたいになってた僕ですが、意外となんとかなるっすね

デザインって奥が深いのは当たり前なのですが、基本的なことって実はそこまで難しくないのでは?

てか、他のサイトのデザインをちょっとお借りするだけでめっちゃデザインしやすいんですけどー(参考にしてるサイト…あざます!)

会社員
会社員

いつか君も、デザインにハマる時が来るんじゃないか?

うん。誰?笑

ただ、デザインにハマる時が来るかもな〜とはうっすら思ってます。てか、もうちょびっとハマってます笑

そんな感じで、これからも頑張りますね。

新キャラを増やすことにするかも?

タイトル通り、このブログにツッコミ役の新キャラを登場させるかも?です。(ほぼ確定ですが笑)

今、イラストレーターさんに見積もりしてもらってるところです!結構楽しみですね。

そこで、ここからは

  • どんなキャラを追加するのか?
  • なぜ、追加するのか?
  • 全然関係ないけど、僕って形から入るタイプ

ってことをつらつら書きます。

費用はいくらぐらいかかるんやろうか?最終的には6枚ぐらい描いてもらうので、2万円ぐらいにおさまって欲しいところですね。

そんな感じで、カツカツでもお金を使っていく〜〜

ツッコミ役の鳥が欲しいって思ってる

パソコンの周辺機器

みんなはどんな新キャラだと嬉しいですか?やっぱりお姉さんキャラが良いですか?

ベアさん
ベアさん

いっそ、お姉さん(人間)にしちゃおうかなぁぁぁ

はい、こう言う時にツッコミがほしい!笑。俺1人でボケてても伝わってないかも?なので、ツッコミ役の鳥が欲しいなー!ってことです

また、もし技術を解説することになったら弟子的な役割でわからないところを質問するような…対話形式にしたいなって思ってます。

ただ、一つ問題に思ってるのが

初見さんは、こいつ誰?ってなる可能性が高い

ってことです。

まぁ、ギリ僕のことはSNSでわかっても「この鳥誰?」って思うっすよね〜どこかにわかりやすく説明できたら良いのですが…

それはおいおい考えていくことにします!今はとりあえずかわゆい相棒が欲しいです。

また、ベアさんのポーズも増やすかも?

ベアさんのポーズも増やそっかな〜って思ってます。普通に図解イラストやHPを作るときに便利なので。

具体的に描いてもらうポーズは

描いてもらうポーズ
  • ガッツポーズしてる
  • 考えてる(はてな付き)
  • やる気
  • 困っている
  • お辞儀している

の5つにしよっかな〜って思ってます。

これぐらいあれば、色んなケースに対応できて困らんかな〜って感じなのと、バリエーションがあって面白いなって考えてまっする。

ついに…見えますね。ベアさんの全身が笑

ベアさん
ベアさん

プリプリおしりにして欲しいな〜

どっちかっていうと、形から入るタイプ

本が積み重なっている

今回のことでよくわかりました、形から入るタイプなんだと。

つまり、道具とかは最初に揃えてからやりたいタイプなんだなと思いました。

例えば、このブログを始めるまでにも

このブログを始めるまでにも…
  • Xの課金をしたり
  • ブログの初期費用を払ったり
  • ベアさんのイラストを描いてもらったり

などなど…色々お金をかけてやってきました。

「最初はフリーアイコンで良い」などインターネット上に上がってたりしますが…フリーアイコンだと確実に続いてないっすね。

Web制作一回やめて戻って来れたのも、お金がもったいない!って思いが根底にあったからだと思います笑

ベアさん
ベアさん

せめて、Web制作で初期費用を回収してからやめたいよ笑

これ以上はお金をかけすぎないようにしますが、みんなはどっち派ですか?

準備してないと気になる派?気にならない派?よかったら、教えてくださいね!

次回予告:ワイヤーフレーム完成した

次回はワイヤーフレームを完成させたいです!(土日なので、多少多くの時間は取れるかなと思いますし…)

みなさんに一丁前の下書きをお届けしますね。

お楽しみに!

P.S

29話書いたよ↓

あわせて読みたい
[Web制作日記#29]ついに…ワイヤーフレーム完成した!
[Web制作日記#29]ついに…ワイヤーフレーム完成した!

Web制作日記のアーカイブはこちら↓

あわせて読みたい
Web制作日記のアーカイブ【随時更新】
Web制作日記のアーカイブ【随時更新】
ABOUT ME
ベアさん
ベアさん
プログラマー / 起業家
プログラマー.site管理人

<どんな人か>
・エンジニア2年生
・メイン言語:Ruby on Rails
・Web制作の勉強中...

実はまだ10代です!
最近はWeb制作で稼げるように奮闘してます。
記事URLをコピーしました