<img src="https://cdn-ak.f.st-hatena.com/images/fotolife/a/alfe1025/20141108/20141108170245.jpg" alt="f:id:alfe1025:20141108170245j:plain" title="f:id:alfe1025:20141108170245j:plain" class="hatena-fotolife" itemprop="image">
いただいた。
グランフロント大阪で行われたハッカソンにて。
[https://twitter.com/alfe_below/status/530998765344137217:embed#ハッカソンの表彰頂いた]

いただいた。
グランフロント大阪で行われたハッカソンにて。
[https://twitter.com/alfe_below/status/530998765344137217:embed#ハッカソンの表彰頂いた]

<img src="https://cdn-ak.f.st-hatena.com/images/fotolife/a/alfe1025/20141024/20141024131812.png" alt="f:id:alfe1025:20141024131812p:plain" title="f:id:alfe1025:20141024131812p:plain" class="hatena-fotolife" itemprop="image">
ホームページ作ってほしいというリクエストを人づてに貰いました。
そのときに、「どこまでやる必要あるのかな」と考えこんでしまいました。
ので、これから誰かにホームページを頼もうかなと思ってる人に、「ここまで伝えたら作り手は安心できるよ」っていうのをリストアップしてみます

<h3>ドメインはあるか</h3>
<a href="https://www.flickr.com/photos/79154628@N00/4007115435"><img src="https://farm3.staticflickr.com/2454/4007115435_e482cb65f3.jpg" alt=""></a>
<a href="https://www.flickr.com/photos/79154628@N00/4007115435">photo by limbte</a>
ドメインという単語を知っているだけで、ある程度作り手は安心します。
ドメインを知ってる→サーバーを知っている→維持費がかかることを了解している　ということなので。
まだドメインを取ってない・取り方がわからない という人は作り手に聞いてみてください。
ドメインの取得が面倒というよりは、維持費がかかることを伝えるのが面倒なのです。
「ブログやプロフは無料なのに、なんでサーバー代がいるの？」という人に説明するのは、なかなかにハード。 
ドメイン・サーバー・ホームページの製作・管理運営はすべて別物だということを伝えるところから始めないといけないので。
そのあたりを了解していることがわかると、受ける側も気が楽です。
<h3>デザインはあるか</h3>
<a href="https://www.flickr.com/photos/23935695@N00/88920701"><img src="https://farm1.staticflickr.com/27/88920701_f92193c2e5.jpg" alt=""></a>
<a href="https://www.flickr.com/photos/23935695@N00/88920701">photo by melop</a>
こういうデザインにしたい。という案があると良いです。
できれば、パワーポイントとかで図案を作成しておいて欲しい。
「かわいいやつ」とだけいわれても、メルヘンチックなの作ればいいのか、キャラクターをたくさん置いてほしいのか、子犬の写真を背景にしてほしいのか、よくわからないのです。
紙に描くのも良いのですが、色鉛筆で塗られたデザインをコンピュータに持っていくと、雰囲気がガラッと変わってしまいます。
パワーポイントとかコンピュータで図案を作成しておくと、出来上がりがイメージに近くなります。
<h3>テキストはあるか</h3>
<a href="https://www.flickr.com/photos/23680473@N08/2252396495"><img src="https://farm3.staticflickr.com/2168/2252396495_b5b3d8e91e.jpg" alt=""></a>
<a href="https://www.flickr.com/photos/23680473@N08/2252396495">photo by r4n</a>
「案内文？　なんか適当に書いておいてください」
と伝えると、ページの質がガクンと下がります。
作り手はあなたほど、ホームページで紹介したいモノについて詳しく知りません。
紹介したいモノの良さをページに来てくれた人に熱く語りたいなら、自分で文章（テキスト）を考えるしかありません。
腕のいい作り手なら、その文章をもとにSEO対策（検索したときに上の方にくるように）テキストの校正をしてくれるはず。
<h3>まとめ</h3>
まとめると、「ドメインとデザイン案はあります。デザイン案には、どんな文章を入れたいかも書いています。」と言ってあげると、作り手さんの印象が良くなります。
そして、そこまで出来ているのがわかると、作り手さんも提案がしやすくなりますし、値段も相場よりお安くなると思います。
そして、「なぜ、ホームページを作りたいか」「どんな人に見てもらいたいのか」まで伝えられると完璧です。
参考にしてみてくださいね


ホームページ作ってほしいというリクエストを人づてに貰いました。
そのときに、「どこまでやる必要あるのかな」と考えこんでしまいました。
ので、これから誰かにホームページを頼もうかなと思ってる人に、「ここまで伝えたら作り手は安心できるよ」っていうのをリストアップしてみます

ドメインはあるか


ドメインという単語を知っているだけで、ある程度作り手は安心します。
ドメインを知ってる→サーバーを知って

 ホームページ制作を頼む前に押さえておくべき３つのこと　

「スライド作成が妙に早い」と最近よく言われます。
そんなわけで、私がスライド作成に使う素材サイト・Webツールを集めてみました。
##しょっちゅう使う
ぱくたそ - フリー写真素材・無料ダウンロード
https://www.pakutaso.com/
human pictogram 2.0 (無料人物 ピクトグラム素材 2.0)
https://pictogram2.com/
やじるし素材天国「矢印デザイン」
https://yajidesign.com/
この3つはほぼ必須。
タイトルスライドと導入に、ぱくたその写真を配置。
中のスライドには、human pictogram 2.0を多用してます。
以下 詳細

<h3>ぱくたそ - フリー写真素材・無料ダウンロード</h3>
https://www.pakutaso.com/
[f:id:alfe1025:20141113170311p:plain]
海外のFreeStock系サイトも見てはいるんですが、あちらには綺麗なだけ写真が多くスライドに用いにくいことが多い。
ぱくたその写真はメッセージ性のある写真を探しやすいのでよく利用しています。
海外のFreeStockを探すならAllTheFreeStockがいろいろまとまっています(https://allthefreestock.com/)
<h3>human pictogram 2.0 (無料人物 ピクトグラム素材 2.0)</h3>
https://pictogram2.com/
[f:id:alfe1025:20141113170223p:plain]
人の動きを表現したいときにピクトグラムが最適。
できれば大きめで使うのがおススメ。
欠点としては、多用するとスライドのテーマカラーが緑に固定されてしまうことですね。
使用例
[f:id:alfe1025:20141113170309j:plain]
<h3>やじるし素材天国「矢印デザイン」</h3>
https://yajidesign.com/
[f:id:alfe1025:20141113170306p:plain]
スライド内の矢印をこのサイトの矢印に置き換えるだけで、クオリティが上がったように見えます。
特に手書きタイプ(https://yajidesign.com/?cat=8)の矢印がおススメ。
使用例
[f:id:alfe1025:20141113170308j:plain]
##その他、たまに使うサイト
<h3>Frame: Awesome Product Shots</h3>
https://frame.lab25.co.uk/
[f:id:alfe1025:20141113170307p:plain]
つくったアプリケーションはこんな感じに動きますよ、と宣伝したいときに。
Apple製品の画面に映し出された様子をシミュレートしてくれます。
Android系の端末が置いてあると最高なんですが…。
こんな写真ができます
[f:id:alfe1025:20141113170310p:plain]
ちなみにPlaceit(https://placeit.net/)だと、より幅広い種類の画像を利用できます。Androidもあります。ただし有料$8。
<h3>Paletton - The Color Scheme Designer</h3>
https://paletton.com/
配色に迷ったときはこれ。
スライド以外にもWebページやチラシ作成など、いろんなとこで使えます。
<h3>フォントフリー - 無料で使える日本語フォント投稿サイト</h3>
https://fontfree.me/
よりスライドにこだわりたいときにはフォントを変えてみるのも手。
ただし、自分のPCを使えない場合などはフォント情報がなくなることがあるので注意。
##まとめ
前回投稿したハッカソンで用いらスライドは、会場で作成しました。
所要時間は、 
何書くかチームで相談する(20分) 
→スライド作る(30分・8ページ) 
→最終確認(5分) 
というくらいでした。
文字を大きく、見た目鮮やか。
これを意識すると短時間でそれっぽいスライドが作れるのでお試しを。

「スライド作成が妙に早い」と最近よく言われます。
そんなわけで、私がスライド作成に使う素材サイト・Webツールを集めてみました。
##しょっちゅう使う
ぱくたそ - フリー写真素材・無料ダウンロード
https://www.pakutaso.com/
human pictogram 2.0 (無料人物 ピクトグラム素材 2.0)
https://pictogram2.com/<

FUN YOU BLOG

【報告】いただいた