ワイヤーフレーム
 

またまたマークアップのその前に!その4

 
前回は、手書きのデザインメモの事について記載いたしました。

 
今回は、いよいよワイヤーフレームの作製です…。
 

そこで、私がワイヤーフレームを作成する場合、
手書きのメモをもとにして、サイトのサイズなど諸々を決めてからPhotoshopで作成に入ります。
 

Photoshopで作成を行う場合は、初心者の方であれば、まず初めにPhotoshopの使い方を
お勉強する必要がございますが、コレ!結構大変だと思います。

 
こういった場合は、手書きのデザインでも、パソコン上でも構いませんが、
まず、やりたいことを決めてしまうことが重要になってきます。

 

お勉強方法に関しまして、コレから記載することがすごく重要になります。

 
まず、やりたいことが漠然としていますと、なにから手を付けて良いかが曖昧で、
とりあえずPhotoshopを勉強してからなど、となりますと、
Photoshop自体も高価なソフトになりますが、なかなか身につけることが出来ません。
 

ですので、必ず覚えたい事や身につけたいことは、何が出来るようになりたいのか、
明確にしてから、お勉強をスタートすることが重要で、
コーディングやプログラミングなども、漠然とネットや本を読み勉強するのではなく、
まず初めに、やりたいことを完全に明確にし、それから、そのやりたいことをどうしたら実現できるのか、
やりながら勉強するのが、最短最速の身につけ方になります。

 
例をあげると、

・英会話が出来るようになりたい!

 
などであれば、英会話スクールに通うよりも、実際に英語圏に留学する!もしくは、お仕事で住む!
などを例にたとえますと、分かり易いかと思います。
 
後者の方が、断然、英会話をマスターするのが早いことが想像できるかと思います。

 
また、複雑なCSSなどを多用したコーディングを説明してください。
 

と、私に聞かれましても、説明できません!!

 
がしかし、実際にお仕事でコーディングを行う際は出来ます。
という具合に、実は、理論立てて覚えているわけでは無く、
あくまでも、慣れによって出来る事が理解できるかと思います。

 

少し話がそれましたので、本題に戻します。

 

先ほども記載したとおり、Photoshopでワイヤーフレームの作成を行う場合、
Photoshop自体が有料ソフトになりますので、
ココでは無料(期間限定)で使用できるソフトをご紹介いたします。
 

・Cacoo(カクー)
https://cacoo.com/ja/

 
コチラのソフトは15日間は無料で使用することができます。
日本語なので大変使いやすく、テンプレートもたくさんあります。

 
まず初めに作りたいワイヤーフレームを
メモでも何でもよいので記載して、実際に決め、
Cacoo(カクー)で、無料期間中に完成する様であれば、次のステップ!

 
Photoshopの購入へ進んでもよいかと思います…。

 
そこで、Photoshopで作成するワイヤーフレームのサンプルとして、
見ているだけで、やる気が湧いてくる動画を発見いたしましたので紹介致します。

 


 

ねッ!ステキでしょ…。
実際にワイヤーフレーム作ってみたい!ってなったでしょッ…。

 
 

それではまた次回…。