Web制作日記

[Web制作日記#25]ワイヤーフレーム作成中…

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

21時ごろに書いてるのですが、めっちゃ眠いです、画面見たくないです。ベアさんです笑

25日目の今日はワイヤーフレームっていうWeb制作者っぽいものを作ってるので、途中経過を報告します。

↑こんな感じで、作ってます!

いわゆる絵を描くときの鉛筆で下書きに近いイメージです。(本業の方には怒られる例えかもですが笑)

興味がある人はぜひ最後まで読んでいただけると嬉しいです。

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

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

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

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

ワイヤーフレームっていう、絵でいうところの鉛筆で下書きをしてます。

Xにも投稿しました↓

Xの画像にある通り、「The 下書き」って感じですよね。(その割には、作るの結構大変…)

どんな感じで作ったのか?などを書いてます↓

HIROCODEさんのYoutubeが分かりやすい

サイト設計を終えた僕は

  • そもそも、ワイヤーフレームって何?
  • どういった手順で作るの?
  • どんなツールを使ったら良いの?

など、色んな疑問にぶち当たってました。

そんな中で、以下のYoutube動画がとっても参考になりました↓

Webデザインの画面をノーカットで流してくださってるのですが、作成手順からツールの使い方まで…とっても参考になりました。

もし、ワイヤーフレームなどで詰まっている人は上記のYoutube動画を見ながら手を動かすのがおすすめですよー!

うん。デザイン周りは外注しよう笑

ワイヤーフレームを作りながら僕はデザインに向いてないことが分かりました

ん?どんなデザインなら正解なんだ?

うぉぉぉぉ、めんどくさいー!笑

そうなんです、僕が苦手な理由は明確で

デザインが苦手な理由

正解がないから。笑

だからです。

プログラミングって正解がバッチリ決まってるんですよ。なので、答えが欲しい僕は楽しくできてます。

ですが…デザインムズカシイ。ただ、僕なりに攻略法は持ってますよ。

ベアさん
ベアさん

色んなサイトを見て、良いところを真似(参考に)させてもらう。

これに限ります。(真似って丸パクリって意味じゃないですよ)

そして、色んなサイトの良いところをくっつけたらオリジナルの良い作品ができるんちゃうかなって思ってます。

ワイヤーフレーム頑張ります!

どうしたら、副業の時間を確保できるのか?って話

時計を持っている

多分、副業チックなことをしてる全人類が思うはずです。

時間が確保できないーー!

今日の日常ネタは、時間が確保できない問題への解決法をさぐる回にします。

この日記で出した結論としては

ベアさん
ベアさん

ブログの書くネタがなくなる→時間を確保するようになる

で、要するに「日記を続ける」です。

なので、ブログを継続しつつ頑張ります…って感じになりました笑。決まった過程を書きますね↓

なかなか時間を確保できない…

インプット編では割とスパスパ進んでいた僕ですが…

ベアさん
ベアさん

あれ、ワイヤーフレームに入ってから進捗が遅くなった?

って感じてます。

理由はシンプルで「時間を確保できてないから」です。もっといいます、デザインが苦手で後回しにしてました笑

こういった気が乗らない時でも、時間を確保する良い方法ってないのでしょうか?副業してる全人類が思ってるはずです。

それに対して、やってみた解決策は↓

朝にやっちゃうパターン

本が積み重なっている

XなどのSNSにもよくいる「朝活をしよう」タイプを真似して、僕も朝活とやらをやり始めました。

そしたら…

案外良い!仕事が捗るぞ。よし、本業をしよう

おい、なんでやねん笑

副業するために朝活してるのに、つい本業の仕事をやってしまうベアさん。

僕もこれにはびっくりしてて

ベアさん
ベアさん

むしろ、副業の活動やめて本業にフルコミット(持てるリソース全てで勝負)した方が良いかも?

って思い始めました笑(まぁ、ベアさんの活動は楽しいので続けますが)

とはいえ、朝活自体は最高なのでみなさんにもおすすめですよ!

ブログ書いてたら、割と続けやすいかも

デザインが苦手でモチベが上がらなかったの他に、僕がワイヤーフレームを進めれなかった理由があります。

それは

日記ネタのストックがあった

からです。

直前でSassやjQuery, サイト設計の記事を書いたんですよ。で、ちょうどその時期ってネタが豊富にあったんですよね。

なので、僕目線だと

ベアさん
ベアさん

日記も書けてるし、別にやらなくても良いか〜

って思ってました(おい!笑)

そんで今、日記のネタが尽きてるのでワイヤーフレームやらな〜って思ってます。

この日記のとりあえずの結論は「日記を続ける(ネタが尽きたら、やるから)」になりました。これからも頑張りまする。

次回:ワイヤーフレーム終盤まで

次回は「ワイヤーフレーム終盤まで」ってタイトルにしてますが…正直どれだけ進むかわからないです。

なるはやで仕上げますが…アウトプット挟むかもです。

何はともあれお楽しみに!

P.S

26話書いたよ↓

あわせて読みたい
[Web制作日記#26]サイトのレイアウトを紙と鉛筆で書いてた
[Web制作日記#26]サイトのレイアウトを紙と鉛筆で書いてた

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

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

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

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