アン

Yukino

私のおすすめの14サイトを紹介しますね！海外サイトも使えるようになるとぐんと幅が広がりますよ！

写真素材が無料なのは広告収入があるから

Yukino

サイトの紹介の前に、なぜ無料で利用できるのか、知っておきましょうね！

インターネット上で無料配布されているほとんどのサービスは広告収入があるから無料ですね。 一般の方が写真を投稿して、DLされた分に応じて収入になるものが多く、それはサイトの広告収入から支払われる場合がほとんどです。 ここでは、安心して使えるサイトをご紹介します。

アン

カメラが得意なら投稿して副収入にしてもいいですよね！

無料で使える海外＆国内おすすめ写真素材サイト14選

Yukino

Yukino 私がよく利用するサイトです。それぞれのサイトの特徴も書いておきましたので参考にしてくださいね。

1. Pexels

https://www.pexels.com/

検索が使いやすい。ビデオも増えてきていて、素材探しの時マストで使っているサイトのひとつ。サイズ指定してダウンロードできるのがNICE!帰属表記必要なし

2. Unsplash

https://unsplash.com/

モダンアート系幾何学や特徴的な建物などアーティスティックなものが多い。ちょっと寂しさを感じるようなものにも使える。帰属表記必要なし

3. pixabay

https://pixabay.com/

明るい写真が多く、使いやすい。イラストが豊富。帰属表記必要なし

4. stockvault

https://www.stockvault.net/

カテゴリー検索がとにかく便利！素材数は他に比べて少し落ちますが、日々新しいものが追加されます。帰属表記必要なしですが、一部商用利用できないものもあります。

5. photoAC

https://www.photo-ac.com/

日本人を探すならこのサイト。無料会員だと１日に５回までしか検索できないので慎重に。帰属表記必要なし

6. PAKUTASO

https://www.pakutaso.com/

こちらも国内サイト。国内サイトはやっぱりちょっと古い感じが否めないですが、メディアやブログなどのサムネイルや商材LPなどに使える写真が多い印象。帰属表記必要なし

7. freepik

https://www.freepik.com/

写真素材はもちろん、UIデザインの参考にしたりもできるサイト。帰属表記必要！

8. BURST

https://burst.shopify.com/

Shopifyが運営する素材サイト。こちらもカテゴリー検索が使いやすい。帰属表記必要なし

9. Gratisography

https://gratisography.com/

コミカルが得意なこのサイト！ブログのサムネイルに使えそうなものが多く、切り抜いてアニメーションをつけて動かしたりしても面白いかも。帰属表記必要なし

10. picjumbo

https://picjumbo.com/

明るい光が使われているポジティブな写真が多い
プレミアムプラン月額料金の10%は、Hope for Children（https://www.hope-for-children.org/）という途上国の子ども支援団体に寄付される。
いいな！と思ったら有料プランの写真だった、ということが割と起こりますが、フリー素材も3,000以上あります。
フリー素材だけをダウンロードできる「Download All Free Photo」というのもあります。無料で3000以上の写真とモックアップ３種がボーナスで付いてきます。ダウンロードの時、有志でいくらか支払えるようになっています。
帰属表記必要なし

11. rawpixel

https://www.rawpixel.com/

クリエイティブ
アート系もあって女性的なものが多い。
フリープランは一日10枚までのDL制限があります。
一部、商用利用ができないものもあるので、DLページでRoyalty Free Photoと記載があるか確かめましょう。
no attribution

12. reshot

https://www.reshot.com/

海外サイトにあるアジア系の写真は、欧米人のイメージが強いことが多く使いにくいのですが、このサイトのアジア系写真は結構使えそうなものが多い印象。帰属表記必要なし

13. Foodiesfeed

https://www.foodiesfeed.com/

飯テロならこれ！洋食が多いですが、isockと遜色ないほどのハイクオリティです。帰属表記必要なし

14. Styled Stock

https://styledstock.co/

“Feminine stock photography”=女性的な写真ストックサイトというキャッチコピーで、掲載されている写真はまさにキラキラ女子系
帰属表記必要なし

アン

こんなにたくさんの中から選べるなんて楽しみになってきました！

もっとWebデザインを学びたい方はこちら

ロードマップ目次↓

前回のレッスン↓

The post ［商用利用可］海外＆日本の無料写真素材サイト14選！ first appeared on Linksbase.

• フルタイム8時間で 200h÷8=25日→土日だけできたとすると3ヶ月
• 学校や仕事の後に3時間取れる場合 200h÷3=66日→3ヶ月半

スケジュールを詰めれば、だいたい４ヶ月でコンプリートできる数字ですね。
ただ、資格なしの場合、研修先を見つけるのに苦労するので、余裕を持って行動しましょう。 都会から離れれば離れるほど難しいと思います。

2歳以下の保育経験で広がる可能性

この保育経験の時間はエージェントによってまちまちのようで、200時間だったり300時間だったりします。

ただ、共通しているのは、2歳以下の子どもがいるファミリーとマッチングするには、全体の保育経験時間のうち、2歳以下の保育経験が最低200時間必要です。 これはぜひクリアいただきたいです。

単純に、マッチングできるファミリーが多くなるだけではなく、兄弟が生まれたりする可能性もあるからです。
実際、2歳以下の保育経験がない子で、ファミリーに下の子が生まれたことでリマッチになってしまった人もいます。

その下の子の世話はしなくてもいい、という意向だったのにも関わらず・・！

私も普通の大学生だったので、保育経験なんて全くありませんでした。
結局終わってみれば10ヶ月かけて200時間クリアしたくらいです。
アルバイト先を見つけるのがとても大変でしたが、有給で働かせてもらえたのでよかったなと思います。

この経験も踏まえて、効率よく保育経験を積むための方法をシェアしたいと思います。

バイトを掛け持ちが200時間までの最短距離

結局、時間が取れればサクッと終わるので、毎日コツコツよりは、フルで使える日を見つける方が体も楽です。
そして、オペアの保育経験は２箇所の研修先からレファレンス（推薦状）をもらわなければいけないので、２箇所同時で進めるのが良いと思います。

１箇所終わって次、というつなぎの時間がもったいないので。

この２箇所の時間の比率は特に規定はないので、掛け持ちで始めて、好きな方を残して一つは切り上げる、とすると効率いいと思います。

保育経験が積める研修受入先の探し方

受入先を見つけるために、いろんなアプローチ方法を知っておきましょう！

未経験とはいえ、労働です。
どうせなら資金も貯めたいですし、モチベーションにもなるので、ボランティアという形ではなく、バイトを目指すのをおすすめします。

ここでは、有給で働ける受入先を探す方法を、４つ紹介します。

ネットとフリーペーパーをフル活用

まずはオーソドックスにタウンワークやindeedなどのフリーペーパーやオンラインのバイト情報サイトから探しまくりましょう。
ここでポイントなのは以下の二つです。

• 「子育て経験のある主婦OK」を見逃さない
• 「実習生歓迎」を見逃さない

専門職ですから、「資格なしでもOK」というような書き方をする求人はまずありえません。

しかし、上記のように幅広く募集をしているところは、いろんな経験をもった人と子どもたちとの出会いを大切にしていることも多いので、電話をかけて、オペアになりたい熱意を語りましょう！

一方で、単純にコスト削減のために人件費を抑えたいだけ、という場合もあるので注意です。

外国人向けのベビーシッター

次におすすめなのは、外国人向けのベビーシッターの求人に応募することです。

日本に住んでいる外国人だけでなく、旅行中の外国人もターゲットにしているサービスです。
日本人よりも「人に子どもを預ける」ことへの抵抗が低いので、経験がなくても短時間なら任せてもらえる可能性が高いです。

英語も使えますしね！

また、家政婦のサービスの中にもベビーシッターを募集していたりするのでチェックしてみても良いかもしれません。
英語でのベビーシッターサービス *資格が必要かまでは見ていないのでご自身でチェックしてください。

• CareFinder
• Babysitters
• Chez Vous
• Alpha Kid’s Club
• Poppins
• Honey Clover

保育士の友達に紹介してもらう

次に、保育士の友達がいれば、職場に紹介してもらいましょう。

手当たり次第に交渉に行くよりはずっと話が進みやすいと思います。

直接交渉しにいく

求人がなかなか見つからない場合は、近くの幼稚園や保育園に交渉しに行きましょう。

これはあまり成功確率が高くなく、有給にはなりにくいので、最終手段です。

無給でも良いなら友人・親戚の子どもをお世話しよう

それでも難しそうな場合は、友人・親戚の子どもを見させてもらいましょう。

これは、200時間を稼ぐにはかなり効率が悪いですが、レファレンスを書いてもらいやすいというメリットはあります。
ただ、できるだけ保育園や幼稚園で研修させてもらう方が、保育士さんや幼稚園教諭の方の知識や保育計画、親との接し方など学べることが多いのでおすすめです。

オペアになると決めたら保育経験にまず取り組もう！

資格なしからオペアを目指すなら、一番時間のかかる保育経験から取り組むのが鉄則です。

いろんな可能性にアンテナを張って、楽しく働けるところを見つけてくださいね！

The post オペアへの道 資格なしで200時間の保育経験を積むには？ first appeared on Linksbase.

• 英語力があることのメリット
• 必要なのは、中学英語「だけ」
• Noが言えれば絶対話せる

渡米前の英語力が高い人のメリット

渡米前から英語力がある程度ある人は、オペアになるに当たって有利です。

言葉がわかることで意思疎通ができ、よりアメリカ生活が楽しくなるのでまずはそのメリットからみていきましょう。

マッチングインタビューで有利になる

ホストファミリーの立場にたてば英語力がある子の方が有利なのは一目瞭然ですね。

学校からの連絡やファミリー、子どもとの意思疎通ができなければ安心して子どもを預けられません。
また、ホストファミリー候補者を選ぶときに英語力ランクがみられるようになっています。

私が登録していたインターエクスチェンジは、英語テストに基づいて６−９までのレベルをつけていました。
やっぱり英語力は高い方が選ばれやすいので、インタビューの数も増え、マッチングのチャンスに繋がります。

ホストファミリーとトラブりにくい

子育てってストレスフルだと言いますよね。

オペアはそれをやるのが仕事。
オペア友達と話してると愚痴がゴロゴロ出てきます。笑

実際めちゃハードです。
だからこそ、ファミリーと二人三脚でやっていけるように、相談したり交渉したりするために、英語力が必要。 英語力があればあるほどトラブルになりにくいと言えます。

アメリカ生活に早く馴染みやすい

特に最初の３ヶ月が一番辛いと感じると思います。
慣れるまでにいろんなカルチャーショックがあり、特にオペアはホストファミリーのしつけや教育方針に戸惑ってしまう人が多いと思います。

渡米初期は悩むので英語力は伸びません。

だから、渡米前の英語力次第で、この逆境を打破できる時間が大きく変わるというわけです。
私も当時書いていたブログを読んでいると悩んでいたんだなと感じました。

でも、ファミリーとミーティングしたり、ローカルコーディネーターに相談したりして、少しずつ距離が縮まってきてうまく行くようになり、渡米して半年くらいしてやっと仕事も含めて楽しいと思うようになりました。

渡米までにできる英語力の強化法

多分オペアを考えている人は、言っていることは大方わかる、みたいな人が多いと思うので、ここはまずクリアとします。
その上でやれば伸びる練習法が以下の通り！

中学英語をオンライン英会話で練習する

エージェントが用意している英会話レッスンや、安価でいつでも始められるオンライン英会話をとにかく「やる」。
実際アメリカに行ってみてびっくりだったのは、アメリカ人が使っている日常会話が、中学英語レベルばかりだということです。

でも日本の教育は、これを話す機会をほとんどやっていないということ。
基礎はあるはずなので、とにかく「話す」「やる」「行動に移す」！！

オススメの方法はこちら↓

• フリートークで練習できるところを選ぶ
• 先生にマッチングインタビューのスクリプトを渡して練習
• とにかく質問してもらってそれにNoで答えて理由を言う練習

重要なのは、「伝える」練習をしているか。
自分の意思を伝えることはかなり重要です。
オペアはしつけについてなど、込み入ったことをファミリーに相談したり、言いにくいことをお願いしたりすることも多いです。
普段から伝える練習をしていないと、「自分がちょっと我慢すればいいや」という思考になって辛くなってしまうので、渡米前に練習しておきましょう！

とにかく声を大きく！Noを言える人が伸びる

よく出川イングリッシュが素晴らしいと言うのはこの点が大きいですよね。
あと、メジャー時代の川崎選手。

相手に通じないのは単に聞こえていないだけかも！

その殻を破るには、Noを言えるようになることです。
Noと断ることは気が引けてしまいがちですよね。
そういう言いにくいことをあえて練習することで、自然に殻が砕けてもっと話せるようになるはずです！
オンラインの先生にお願いすれば、Noを言う練習も出来ますよ！

オペアのためのオススメ英語勉強本

実用的にオペアのための英会話が学べる本があります。
子育て英語の本です。これを私も買って読んでいました。

井原さんちの英語で子育て 超使いやすい！表現集の決定版 /学研プラス/井原香織

posted with カエレバ

楽天市場

Amazon

Yahooショッピング

シチュエーションごとに使える英語が載っているので、これもオンラインレッスンの先生にやってもらってください！

YouTube更新中！

オペアのための英語・アメリカ生活情報を更新しています。
チャンネル登録・いいねもお願いします！

The post アメリカオペア 渡米までに身に付けたい英語力と勉強法 first appeared on Linksbase.

• トーン＆マナーが何か説明できる
• 参考サイトを見つけて分析できる

アン

ワイヤーフレームからどうやってデザインにしていけばいいですか？

Yukino

デザインには一定のルールが必要。それがトーン＆マナーです

トーン＆マナーとは「〇〇らしさ」

Yukino

LINEってどんなデザインですか？

アン

緑で大文字ではっきりした感じで・・

Yukino そうですね！そのイメージってLINEらしさだと思いませんか？

トーン＆マナーの目標は、そのブランド「らしさ」を伝えることです。 つまりこれはブランディングなのです。 ウェブデザインも、そのブランドのイメージを「造る」あるいは「守る」必要があります。 そのために、緑で大文字ではっきりした感じ、というルールを使っているというわけです。 これを広告業界でトーン＆マナーと言います。  

Yukino

この部分に関われるって、素敵な仕事だと思いませんか？

トーン＆マナーではターゲットと市場を常に想像しよう

逆に、 緑で大文字ではっきりした感じ と聞いてLINEが思い浮かびますか？ 大半の日本人はそうでしょう。 ということは、LINEは日本でのブランディングが成功していると言えるでしょう。 しかし、これが韓国だとします。 もしかしたら 緑で大文字ではっきりした感じは、 検索エンジンのNAVERだと思われるかもしれません。  

• 作ろうとしているトーン＆マナーがお客様に浸透しやすいか？
• 業界と自社の立ち位置から、どんなイメージをトーン＆マナーとしたらいいか？

常にターゲットであるお客様と業界を見るクセをつけましょう。  

トーン＆マナーがずれているとき

ブランドの「らしさ」がないほかに、「当たり前」と違っているときもトンマナがずれていると感じます。 例えば、こちらはリラクゼーションスパのウェブデザインです。     色、フォントを変えてみます。     リラクゼーションなのに

• オレンジと青
• 太いゴシックフォント

これは多くの人がイメージする当たり前とずれています。 また、ページ内の1セクションでも違うトンマナを使ったデザインが紛れても違和感があります。 デザイン全体を通してこういった「ずれ」がないか考えるようにしましょう。  

トーンマナーの決め方

それでは実際にトンマナを決めていきましょう。 実際の現場では、クライアントを見極めて以下の方針で進めるのがおすすめです。

• こだわりのあるクライアント→一緒に考える
• デザインやブランディング 、マーケティングに弱そう→デザイナーが積極的に提案

1. 参考サイト・見本を決める

まずはお手本となる参考サイトを決めましょう。 参考サイトはとても重要です。 始めのうちは、完コピくらいの勢いでもいいでしょう。 デザインは何十年とやっているベテランでもわからないと言います。 ウェブデザインはアートではなくビジネスツールを作るものなので、そういった観点からも参考サイトを決めておくことは重要です。

参考サイトを探す

ヒアリングシートでクライアントが参考サイトを提示しているので、それに似た別サイトを2−3つピックアップします。 以下のようなサイトで探しましょう

• LP Advance
• SANKOU!
• MUUUU
• Web Design Clip
• Pinterestで「Webデザイン」「Web design」等で検索してみてください！

分析する

ピックアップしたら、クライアントが提示したものと

• 似ているところ
• 違うところ

を考えておきます。 その分析をもとに、ウェブサイトに活かすところ、オリジナリティを出すところなどを決めていきましょう。

2. パーツごとにルールを決める

参考サイトから特徴を読み取ったら、具体的にルールを決めていく段階です。

色

色の組み合わせは「hexカラーコード」をメモしましょう。 hexコードは＃で始まる6桁の英数字で表される色を特定するコードです。 コーディングで必要になるのですが、この段階では、ひとまずコードをメモる、ということだけやっておいてください。 Coolorsというサイトを使って組み合わせを考えたり、アカウントを作って保存しておくと便利です。 https://coolors.co/ ↓スペースキーを押すたびに色の組み合わせが変わります。      

フォント

フォントが与える印象は大きいのです。 絶対決めておくべきなのは ゴシック体系か明朝体系かということです。

• ゴシック体のイメージ：ポップ、活発、元気、しっかり・・・
• 明朝体系のイメージ：洗練された、都会的、高級感・・・

タイトルや見出しなど、本文以外のフォントはブランディング重視で決めておきます。 細かい文字になる本文は、読みやすいかを重視するのが良いです。   フォントが見られるサイト

• Google Fonts
• Adobe Fonts
• Font In Use
• ためしがき

イラスト・写真

使用するイラストや写真もイメージを左右します。

例えば、男の子のイラスト。印象が全く変わりますよね？

以下のサイトなどを使って、使いたいアイコンや写真のイメージを決めておきましょう。

• Photo AC
• FreePik
• Vecteezy
• Pexels
• Unsplash

商用利用ができるか確認しよう

フォント、イラスト、写真は、無料の物も多く出ていますが、以下のことを確認してから使うようにしましょう！

• 商用利用ができるか
• 引用元を明記する必要があるか

上記に反して素材を使った場合、ペナルティが課されることもあるので注意が必要です。

クライアントも巻き込んでいこう

Webデザインは制作サイドだけでなく、クライアントも一緒に考えるのが重要です。 デザインが決まるまではしっかりと話し合いをして、イメージを固めていきましょう。 これができないと、「やっぱりちがったから直して」になってしまいます。 こまめなコミュニケーションを心がけましょう！

もっとWebデザインを学びたい方はこちら

ロードマップ目次↓

次回のレッスン↓

The post Webデザインのトーン＆マナーとブランディング first appeared on Linksbase.

• ワイヤーフレームとは何か説明できる
• XDでワイヤーフレームを作れる
• XDのショートカットを覚える

ワイヤーフレームってなんだ？

ワイヤーフレームはウェブデザインの骨格のことです。 ヒアリングシートをもとに「どこに」「なにを」配置するかを決めていきます。

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

アン

このテンプレがあれば問い合わせがきたらすぐ対応できそう！

ウェブデザインのスクールに行っても、ワイヤーフレームについては教えてくれませんでした。
多分、多くのスクールがデザインツールの使い方とコードの書き方のみです。
しかしながら、ヒアリングで聞いたことをデザインにいきなり起こそうと思ってもなかなかうまく進まないものです。
大まかな設計図としてワイヤーフレームを書くことで、頭が整理されていくはずです。

なぜワイヤーフレームを書くのか？

コンテンツの過不足を確認するため

ヒアリングで聞いた情報には、重複しているものがあるかもしれません。
配置してみると、実はコンテンツが少ないページがあったりして、コンテンツを増やしたり、別のページと合わせたりする必要が出てきたりします。

導線を決めるため

ユーザーが回遊しやすいようなサイトにするために、ボタンの位置、数、全ページへのリンクがあるのかなど決めていきます。
構造の設計になるので、ここがしっかり組めていないと後々大きく変更することになりかねないので、しっかりすり合わせましょう。

フォントのルールを決めるため

意外にも、フォントが与える印象は大きく、ブランドイメージにも関わってきます。
ワイヤーフレームの段階で見出し、本文のフォントの種類と太さを決めておくとイメージがしやすいでしょう。
ワイヤーフレームの書き方には正解はなく、案件によっても様々です。
ブランドカラーを決めてワイヤーの段階から色を決める場合もあると思います。
色々な記事を見ながら、自分にあった形にしていきましょう！

XDワイヤーフレームの作り方

用意するもの

• XDをダウンロードしていない方はこちらから。
• ヒアリングシートはこちら

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

こちらの３つのルールを守ってワイヤーフレームを書くのがおすすめです。

白・黒・グレーのみを使う

あくまでも設計に集中したいので、色を入れるとフォーカスしづらくなります。

フォントの大きさを決める

最近は、ゴシック系のフォントで大きく表示させるデザインが流行っていますね。ヒアリングで聞いたイメージや参考サイトをもとに、フォントの大きさを決めておきましょう。

フォントを決める

フォントの種類は本当にたくさんあって、悩んでしまいますが、全体のイメージを左右するのでこの段階で決めておきましょう。

画面サイズを整えよう

まずは画面サイズを整えていきましょう。
おすすめは、横幅1366pxで、そのうち1080pxをコンテンツを表示する幅とするサイズです。
XDを開いたら、webのところから1366pxを選びます。

アートボードが開くので、左端をドラッグしてガイド線を引きます。
1080pxのコンテンツ幅にしたいので、両端から143pxのところに引くとぴったりです。

アン

このテンプレがあれば問い合わせがきたらすぐ対応できそう！

カラーパレットを作ろう

次に、カラーパレットを作ります。
XDに指定した色を覚えさせておけば後で繰り返し使えたり、一括で色が変えられるようになるので最初に作っておきます。
四角形のツール（ショートカット：R）を持って、適当な四角を書きます。
右側のプロパティから、塗りの色を変更します。

Command + Shift + Y　を押して、アセットを開きます。
一番上の色の横にある＋マークを押すと、選択しているオブジェクトの塗りの色が記憶されます。

これを３つ作って、
黒：文字色　白：背景が黒の場合の色　グレー：写真用
を覚えさせておきましょう。
次回から図形やテキストの色を付けたい時、これらをクリックするだけでその色を使えます。
そして、このパレットの色を変えると、パレットを使用して色付けした全ての図形に反映されます。
やっぱり#DDDDDDのグレーじゃなくて#A2A2A2のグレーにしようと思った時、全ての図形をひとつひとつ修正しなくて良いという分けです。
 

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

→XD ショートカットリストはこちら

フォントを決めよう

色の次はフォントです。
コーディングでも使うのですが、現時点ではとりあえず、
大きい見出しから順に、h1、h2、h3
本文は、pで囲むと覚えてください。
テキストツール（ショートカット：T）を持って適当なところをクリックして文字を入力します。
プロパティから文字の大きさ、太さ、フォントを選びます。
色は先ほど登録した黒にしたいので、アセットの黒をクリックして色を適用します。
このフォントスタイルを覚えさせたいので、これもアセットから登録します。
同じように、h2、h3、pを以下のように設定して、アセットに登録してみましょう。

• h1：50px　黒　好きなフォント
• H2：36px　黒　好きなフォント
• H3：20px　黒　好きなフォント
• P：16px　黒　好きなフォント

コンポーネントを使おう

XDでは、コンポーネントを使うとさらに効率よくワイヤーフレームを作ることができます。
コンポーネントは、何度も使うパーツを覚えていてくれて、使いたい時にすぐに使えるライブラリみたいなものです。

アン

このテンプレがあれば問い合わせがきたらすぐ対応できそう！

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

 
四角形とテキスト、線（ショートカット：L）を使って、このようなボタンと写真のパーツを作ってみましょう。

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

パーツができたら、パーツを構成している全ての要素を選択します。
該当の範囲をドラッグで囲うか、Shiftを押しながら全ての要素をクリックしていきます。
アセットパネルのコンポーネントの横の＋をクリックすると、そのパーツが記憶されます。
先ほど作った見出しも、同じようにコンポーネントとして登録すると便利です。

パーツを組み合わせてワイヤーフレームを作ろう

登録した色、フォント、パーツを組み合わせながら、ヒアリングシートをもとにワイヤーフレームを描いてみましょう！
コンポーネントを使う時は、使いたいコンポーネントをアートボードにドラッグするだけでOKです。
コンポーネントは、最初に登録したものが”マスターコンポーネント”とされます。
このマスターコンポーネントの「色」「フォント」「大きさ」などを変更すると、そのコンポーネント全てがマスターコンポーネントと同じように変化します。

便利なテンプレートを組み合わせる

上記のようなコンポーネントが作られたXDのテンプレートファイルが、無料/有料でたくさん出回っています。
→XD日本語テンプレート
これを利用するのも良いですね！

もっとWebデザインを学びたい方はこちら

ロードマップ目次↓

次回のレッスン↓

前回のレッスン↓

The post 完全初心者OK！XDを使ったワイヤーフレームの書き方 first appeared on Linksbase.

アン

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

【無料配布】ヒアリングシートテンプレ

Yukinoです。 勿体ぶらずにまずはこちら。 ヒアリングシートテンプレ Googleのスプレッドシートになってるので、ファイルをコピーしてお使いください。 シート1〜4に分かれていることを確認してくださいね。

なぜヒアリングシートが必要なのか？

ヒアリングシートとは、クライアントの要望や現状の問題点、サイトの目的などを洗い出すための質問リストです。 このヒアリングシートを元に、戦略的にウェブサイトを作っていきます。

思い込みやイメージは人によって全然ちがう！

クライアントと制作サイドが同じ方向に向かって行けるようにするのがヒアリングシートの役割です。 例えば、ターゲットが30代女性だとしても、クライアントが思っているターゲット層とデザイナーが思う30代女性のイメージは違っています。 より詳しくクライアントのビジネスを知る、イメージを具現化する為に、ヒアリングシートを活用してください。

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

シート1 目的を明確にする

テンプレのシート1では、 * 目的を決め * デザインイメージの好き嫌い * コンテンツの書き出し を行います。 リニューアルなのか？LPなのか？

• なにを売りたいのか？
• なにを伝えたいのか？

プロジェクトのコアとなる目的を決めましょう。 その目的に沿って、どんなイメージで、どんな色使いで、どんなコンテンツが必要なのか書き出していきます。

シート2 ターゲットを明確にする

シート2はペルソナシートです。 ペルソナをしっかりイメージすることで、制作側　サイドとクライアントサイドのイメージのすり合わせがより明確になります。 ペルソナについてはこちら。 https://linksbase.net/marketing/what-is-persona/

シート3 強み・アピールポイントを明確にする

シート3はうちのすごいとこシートです。 ペルソナでイメージした人物に対して、営業をかけるイメージで、「うちのここがすごい！」とアピールしてみます。 ウェブサイトが優秀なセールスマンになれるように、セールストークを作っているイメージです。

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

すごいとこシートから見出しがつくれる

シートにも記載していますが、30文字が入る列幅になっていて、狙うキーワードをできるだけ入れてもらうようになっています。 これには2つ理由があります。

1. 見出しをつくる
2. SEOに強くする

まず、「キャッチフレーズ」がh1として使えます。 そして、「提供しているサービス・商品が良い理由」がh2として使えます。 サイトのテキストを考えるのはクライアントサイドのことが多いと思いますが、要点がまとまらないことが多いです。 情熱をもってビジネスしているが故、「これも伝えたい」「これも載せたい」というふうになりがちです。 適切な見出しをつけないと、伝えたいことがまとまりまらないので、短文で的確な要素を盛り込むためにこのうちのすごいとこシートが役立ちます！ サイトに訪れるお客様にとって有益な情報が適切に掲載されていないと、いくらデザインがかっこよくても意味がないのです。 そして、「短文で適切な見出し」が書けると、SEOにも貢献できます。 検索エンジンが検索されたキーワード(=ユーザーが困っていること)に適切に答えているサイトを上位表示するからです。

シート4 必要な情報が集まるポイントにする

シート4は基礎情報です。 プロジェクトに関する基本的な情報などを記入していきます。 写真やロゴデータのやりとりなどはGoogleドライブを使うなどするとスムーズです。

クライアントと確認しよう

ヒアリングシートの記入をしてもらったら、ミーティングをして掘り下げていきます。
遠隔であっても、ビデオ会議などを利用して一度話す機会を持ちましょう。
あとから振り出しに戻らなくて済むように、ここでしっかりと基礎固めをするのが目的です。
 

アン

このテンプレがあれば問い合わせがきたらすぐ対応できそう！

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

もっとWebデザインを学びたい方はこちら

ロードマップ目次↓

次回のレッスン↓

The post ウェブデザインになぜヒアリングシートが必要？テンプレ無料配布します！ first appeared on Linksbase.

私は、デザインもパソコンも、得意だったわけでもありません。

海外が好きなので、どこでも稼ぐことができたらいいなと思ってウェブデザインの勉強をして今に至ります。

ウェブデザイナーを目指したのは、前職で「残業で稼いでいる」ことに気がついたからです。
新卒のトレーナーや、チームのリーダーも任せてもらったのに、それが給料に反映されず、だらだら残っていることで稼いでいる自分が嫌でした。

そこからスクールに通い、仕事を辞め、フリーランスとして活動しています。

フリーランスウェブデザイナーのいいところ

会社員から比べて、フリーランスのいいところはこんな感じ。

• どこでも働ける
•  いつでも働ける
• 自分で報酬を決められる
• 頑張った分だけ報酬がある
• 常に新しいことに挑戦できる

目標決め: あなたにとってのゼロイチはどこ？

フリーランスウェブデザイナーになる！

と決めたら、「ゼロイチポイント」を決めましょう。

ゼロイチは、ゼロから初めて、一人前になるポイントのことです。
どうなったら自分はフリーランスウェブデザイナーだと言えるか？という目標ポイントですね。

フリーランスウェブデザイナーと言っても、色々な働き方があります。

• 完全フリーランスで生計を立てる
• 副業として
• 子育ての傍ら

働き方が様々ならば、どんな姿を目指すのか、ゼロイチポイントを高く設定するのかどうかも人それぞれです。

1件30万、時給換算5,000円

私のゼロイチは、はじめは、ウェブデザインでお金をいただくことでした。

ただ、いざやってみると、その金額が重要だと感じました。
それで目指したのが1件30万の案件を取ることです。
だいたいこれで時給5,000円くらいになる計算でした。

世の中のブログで見るような素早い成長はしてませんが、独立半年で30万の案件を取れた時は、本当に嬉しかったです。

そしてそのクライアントさんも喜んでくださり、紹介案件にもつながりました。
この件をきっかけに、「フリーランスウェブデザイナーです」と言えるようになったなと思います。

イチからはじめられる教材をめざしています

このブログシリーズが目指していることです。
一通りやれば、フリーで活躍できるようになります！

1. ディレクションができるようになる
2. デザインとコーディングができるようになる
3. 案件獲得と満足のレビューをもらう
4. 新しい情報に敏感になる

私自身まだ経験は浅いですが、ちゃんと独り立ちできました！
だからこそ私がやってきたことを忘れないうちにシェアしたいなと思っています。
未経験から独り立ちするまでの手順書のひとつとして、初心者がググっていることの答えになりますように！

フリーランスウェブデザイナーへのロードマップ

プランニングしよう

ヒアリングシートを作成しよう

Adobe XD・イラレを使えるようになろう

XDでワイヤーフレームを書いてみよう

トーンマナーを決めよう

魅力的な写真素材を手に入れよう

アイコンを手に入れよう

ワイヤーフレームをデザインに起こそ

デザインを勉強しよう

守破離のプロセス

HTML CSSがわかるようになろう

スクールに通う

独学する

Yukinoのウェブ制作講座

個人事業主になろう

屋号を決めよう

開業届を出そう

会計ツールを使おう

源泉徴収を理解しよう

ポートフォリオをつくろう

自分のサイトをつくる

案件をもらう前に準備しよう

案件獲得の方法

契約書を交わす

案件をとろう

ココナラで破格リスティング

SNSで宣伝しよう

生の声で口コミをもらおう

アンケートを取ろう

Twitterで最新情報をGETしよう

フリーランスがつぶやくべきこと

フォローすべき先輩たちのアカウント

怪しい勧誘に注意

継続案件をもらえるようになろう

メルマガを始めよう

ブログで発信しよう

The post フリーランスウェブデザイナーになるためのロードマップ first appeared on Linksbase.

今日はオペアが帰国後の就活でアピールできる３つの力を紹介します。

多くの方は日本で就活をするか、職場復帰すると思います。
そんな時、「オペアで何が変わったか？」をアピールすることはとても重要ですね。
今回紹介する３つの力は、就活はもちろん、キャリアアップにも役立てられると思います。

とはいえ、それぞれのバックグラウンドやスキルによってもアピールできるポイントが違うはずです。

また、希望する仕事によっても自分の見せ方は変わるので、ここで紹介する３つの力も、ご自身に合わせて使い分けてみてくださいね。

スキル・経験なしで就活した私の経験

以下で紹介するの３つの力は、私が実際に使ったものです。
帰国当時、25歳で大学卒業から２年のブランクという状況で、これといったスキルもなければ、バイトばかりの大学生活だったのでサークルを頑張っていたわけでもない。
成績も平均ちょい下くらいのスペックでした。

オペアを経験して英語はできたものの、オペアの知名度も低く、海外留学の方がすごいじゃんという企業側の印象も強くありました。

そんな中、のちに聞いた倍率「８％」の企業に新卒で入社できたのは、オペアをうまくアピールできたからだと思います。
ハインツケチャップも選考進んでいたのでちょっと惜しいことをしたかも、とは思っていますが、そういった大きな企業にも「良いな」と思ってもらえたということですね。

1. タイムマネジメント力

時間は有限です。
オペアは週40時間働いて、学校にも通い、休暇も楽しむ。
結構ハードに過ごしますよね。
仕事では、自分や子どものスケジュールだけでなく親のスケジュールも頭に入れて、買い物や洗濯などの家事もやっています。
多くのことを一手に担うので、自然とタイムマネジメント力がついているはずです。
これは、就職したら絶対に必要な能力です。

子どもの世話は「逆算力」がつく

タイムマネジメントの中でも、仕事で絶対に必要なのが「逆算力」です。
仕事術の本やブログでタイムマネジメントの方法として紹介されているのは以下のようなステップなのですが、要は「優先度と費やす時間を計算してから行動せよ」ということです。

1. Todoを書き出す
2. 優先順位を決める
3. ゴールを設定する
4. 行動

特にオペアの仕事は、タスクにかかる時間を計算することがとても重要です。
子どもには、「何時までに到着しなきゃいけない」とか「ここの道を通るならAから先にしないと効率が悪い」という理屈は通用しません。
子どもの機嫌次第ではいつもの何倍も時間がかかったりします。
なので、子どもも自分も気持ちよく過ごせるように自然と工夫して仕事をしているはずです。
そういった経験は、自分の仕事だけではなく、チームで動く時にも活かせるので、アピールできるポイントのひとつです。

2. リーダーシップ

私は４人の子どもを見ていたこともあって、オペアの仕事を小さなチームを動かしているように感じていました。
体の大きさや性格、好みの違う４人全員が楽しいと思えるように工夫をしているうちに、子どもたちの最終ジャッジが私に向けられることが多くなり、まさにチームリーダーでした。

言語の壁を乗り越えチーム統制ができるようになる

口の達者な兄弟がいると家庭は特に、英語で話されてしまうと初めのうちは太刀打ちできないと思います。
英語だけでなく、子ども達について学んでいくうちに、信頼関係ができ、リスペクトしてもらえるようになります。
マーケティングの第一人者の一人、ピータードラッカーという人が、リーダーシップについて以下のように解説しています。

1. リーダーシップは生まれ持った資質ではなく「仕事」である
   目標・基準・優先順位などを定めるとともに維持・行動するのがリーダーであるということを説いています。
2. リーダーシップは地位や特権ではなく「責任」である
   リーダーとしてスタッフの行動を支援しながら、責任を持つことが必要とされています。
3. リーダーシップは「信頼」である
   リーダーとしての仕事をしてメンバーに対する責任を持つことで、最終的に信頼が得られ、スタッフがつき従うということになります。

出所：https://www.hito-link.jp/media/column/leadership

これは、営業、事務、販売、どんな職種でも活かせるリーダーシップの基礎力になりますし、若い方でも使えるアピールポイントなのでぜひ参考にしてください。

3. 発言力

オペアを満期で終了した方はこの発言力が少なからずあるはずです！
アメリカというのは本当に「言ったもんがち」というか、「言わなきゃ変わらない」ですよね。
日本のように「察する」文化はないので、合っているのか間違っているかに関わらず、伝えようと発言しなければ置いてけぼりです。
日本の企業のMTGがとにかく長いのもここが原因のひとつだと思います。
企業も今変わろうとしていて、アウトプットのできる人を評価する傾向が強くなっています。

交渉の国アメリカで発言力が自然に身につく

オペアの悩みNo.1といっても過言ではない、「ホリデー仕事漬け問題」（笑）
ハロウィンやクリスマス、イースターなど、ホリデーで友達と遊びたい！なんて思っていたらしっかり仕事。
ということは結構あります。
アメリカ文化を学ぶことがビザの目的でもあるので、ファミリー行事に参加するのは当然といえば当然ですが、遊びたいのもわかります。
これを乗り越えられるオペアはファミリーと交渉して何かしらの解決策を作ったはず。
そういう、自分が嫌なことや困難なことが起こった時に、解決しようと発言できる人は、どんな仕事でも活躍できると思います。

オペアの経験を色んな面でアピールしよう

オペアは、文化交流であり、仕事であり、海外経験であり・・いろんな側面を持っています。
英語だけじゃない、あなたの経験を、就活でうまくアピールしてみてください！
可能性がきっと広がるはず！

The post オペアが帰国後の就活でアピールできる３つの力 first appeared on Linksbase.

それが、J1ビザ。 この記事ではJ1ビザの概要と仕組みをご説明します。

交換交流のためのビザ

アメリカで合法に就労できるビザがいくつかあります。
そのうち、「アメリカで学びましょう」という目的で就労が許されるビザがJ1ビザです。

J1ビザには14項目のプログラムがある

交歓交流プログラムを目的にしているJ1ビザですが、その中でも14項目に分類されています。

1. Au pair and EduCare
2. Camp Counselor
3. Government Visitor
4. Intern
5. International Visitor (Dept. of State use)
6. Physician
7. Professor and Research Scholae
8. Short-term Scholar
9. Specialist
10. Student, college/university
11. Student, secondary
12. Summer Work Travel
13. Teacher
14. Trainee

引用：Travel State.Gov

 
J1の申請条件は、このうちどのプログラムに参加するかによって違います。
条件を満たしていれば、他の就労ビザに比べて比較的取りやすいビザの種類でもあります。
研究者やインターンに使われるビザなので、お給料はあまり高くなく、あくまでも文化交流や、アメリカで何かを学ぶことが目的になっています。

DS団体がスポンサーになってくれる

ビザを取得するには、スポンサーが必要です。
J1ビザの場合は、DS団体という政府に認可された非営利組織がスポンサーになってオペアのビザをサポートしてくれます。
この団体が、ファミリーとオペアの間に立って、現地サポートしてくれたりします。

ビザ申請の関門 DS2019フォーム

ビザ申請で一番山場になるのが、DS団体からDS2019フォームをもらうことです。
このDSフォームがなければ大使館の面接予約もできません。

なぜ山場かというと、DS団体が英語力を判断し、オペアになるのに十分な素質を持っているかなど検査されるからです。
たくさんの書類を集めることも労力がかかりますし、英語力のテストや性格診断loテストなども突破しなくてはいけません。

この審査の程度はDS団体によって様々なのですが、私が利用したInterExchangeは比較的しっかり審査する団体でした。
ただ、InterExchangeのスタッフの方はとても親身で、ローカルコーディネーターもとってもいい人でよかったです。
到着後のNY研修も楽しかったですし、InterExchangeはオススメです。

J1ビザにかかるお金

次に費用のお話です。
オペアは、総額30万もあれば十分行って帰ってこれます。
私の場合は10万円。
語学留学では考えられないですよね。
実は、こんなに低価格なのは、ファミリーの費用負担があるからなんです。

オペアの費用負担が少ないのはファミリーのおかげ

ビザにかかる費用の大部分がDS団体に支払うお金ですが、オペアの場合はこれをファミリーが負担してくれています。
オペア受け入れを決めた家族は、プログラム費用としておおよそ100万円ほどDS団体に支払っていて、オペアとのマッチング費用やオペアの保険、往復の渡航費も含まれています。

よって、オペアはDS団体に費用を支払うことなくビザ申請ができるようになっているというわけです。
逆に、オペア自身にかかる費用は、大使館面接費用160ドルとエージェント費用です。
エージェントとは、DS団体と自分の間に立って書類作成やDS団体との面接の準備などをサポートしてくれる組織です。
本来、エージェントは必要なく、自分でダイレクトにDS団体とやりとりができるので、オプション的存在です。

ただ、オペア事情に精通していることと、日本語で連絡が取れるので利用して損はないと思います。
ちなみに、エージェントが提携しているDS団体があり、自分が登録されるDS団体が気になる方は、問い合わせるときに聞いてみてもいいかもしれません。

J1の２年ルールはオペアにはない！

「アメリカにJ1ビザで行くんだー」というと、２年ルールあるんじゃないの？と言われるかもしれません。
J1には２年ルールがある、という風に思っている方も多いのですが、一体どんなルールでしょうか？

２年は自国で活躍しなさいというルール

２年ルールは、J1ビザの期間が終了した後、２年間自国（日本）に滞在しないと、特定のビザ（Hやグリーンカード ）が取得できない、というルールです。
J1ビザからEビザへの切り替えはできるものの、将来グリーンカード申請する時には、この２年ルールが付きまとうので、結構厄介な制度です。
これは、交換交流プログラムで学んだことを、自国で活かしなさいという意図だと思います。
ただ、すべてのJ1ビザに２年ルールが付くわけではありません。

２年ルールが課されるかは費用の出所次第

J1は交換交流目的のビザで、14項目あるとご説明しました。
この中でも、研究者や講師などでビザをとる場合や、学生でも奨学金を得ている場合などでは、２年ルールが課されることが多いです。

J1プログラムの費用を、政府機関が出していると、
「国のお金で勉強/研究したんだから、自国に還元しなさい」
ということです。

そんなわけで、オペアの資金はファミリーから出ていますので、２年ルールは適応されません！
エージェントに任せっきりだと、J1ビザの詳細な仕組みってわからないまま進んでいってしまいます。
自分がどんなビザを申請しようとしているのか/持っているのかということがわかるように情報収集しましょう！
次にまたビザを取りたくなった時にも重要になりますからね。
*トップ画像の出所Business vector created by makyzz – www.freepik.com

The post アメリカオペアのビザ申請 J1ビザとはどんなビザ？ first appeared on Linksbase.

タカ

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

タカ

名前まで決めるんですか？！

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

LPの作り方。まずは計画！LP制作は戦略的に進めよう

LPを作るときに重要なのは、計画性です。

そもそもLPってなに？という人はこちらの記事を読んでから戻ってきてくださいね。

LPは「キーワード検索」→「広告をクリック」の流入を想定しているので、同じようなキーワードで広告を出している他社に勝たなければいけません。 そのために、まずはリサーチが重要です。 彼を知り己を知れば百戦殆うからず (https://www.iec.co.jp/kojijyukugo/vo87.htm) ということで、まずは競合を知り、自社は何で戦えるか？を知ることから始めましょう。

リサーチの目的

競合を知る目的は二つです。

1. 自社のLP戦略を立てる
2. デザインの参考にする

何をCVとしているか？ どういうロジックで構成しているか？

どんなコンテンツを盛り込んでいるか？
どんな色を使っているか？

など様々な要素を分析することで、自社のLPはこんな構成で、こんなデザインにしようという計画が論理的にできるようになります。

競合リサーチ＆分析の準備

プロジェクトを一人で動かす時も、またチームで動く時も、LP政策にあたりいくつか頭合わせをしておきましょう。

ターゲットを決める

どんな人に見てもらうページなのか？ 出来るだけ詳細にイメージできるように構築しましょう。

ペルソナを作成すると良いですね！

ペルソナについてはこちら↓

キーワードを決める

ターゲットはどんなキーワードで検索するでしょうか？ キーワードプランナーなども利用しながら、書き出していきましょう。

書き出しておけば、広告出稿の時にも役立ちます。

デバイスを決める

一般的に、BtoCの場合はスマホ、BtoBの場合はPCを重視して作ります。

ターゲットは、どんな時間帯に、どんな場所で、どんなことを考えている時に検索するでしょうか？

詳細な状況を想像することで、LPの最適化が測れるので、デバイスも考えておきましょう。

競合LPを探す

準備が整ったら、競合のLPを探します。 ここでは２つの方法を紹介します。

キーワード検索で探す

LP広告用のページなので、競合他社の名前で検索してもLPは出てきにくいでしょう。

そこで、キーワード検索とデザイン集を使って探します。

LPは特定の商材やサービスに絞って作られるので、プロジェクトの製品やサービスが同じものを参考にして分析すると良いですね。

自分がユーザーになったつもりで、キーワード検索してみましょう。

検索結果の上下とサイドに出てくるものが広告枠ですので、片っ端からクリックしましょう。
自社の商材に近いものがあったらそのページをメモしておきます。 例：「夕飯　宅配」の場合 検索１ページ目に出てきた結果です。

これを、エクセルにメモ。

スクリーンショットも貼っておきます。

デザイン集から探す

前回の記事で、LPのデザイン集を紹介しました。

これらのサイトで、業界や色、キーワードを使って、競合のLPを見つけていきましょう。

この方法が良いのは過去の作品も集められている点です。

また、ここでのキーワードは先ほどの検索キーワードではなく、とにかく競合のLPにたどり着けるように検索してOKです。

競合と言えるものがない場合は、関連性の高いものや、イメージカラーが近いものをメモします。

競合LPを詳しくみていく

リサーチで材料集めができたら、情報を整理して分析します。
エクセルなどを利用して整理していきましょう！

比較表

調べたLPをエクセルに書き出して、比較表を作ります。
それぞれのLPのコンテンツや、その順番、こんな感じで作ってみてください。

競合と自社のポジショニング

競合と自社をポジショニングには、google sheetsのバブルチャートがおすすめ！
可視化できてわかりやすいですよ。
今回の「夕飯　配達」では、「１食の価格」×「手間」でポジショニングしてみました。
このマトリックスは別の軸を使って二つ以上作っても良いと思います。

検証結果をとにかく書き出す

分析をする中で気づいたことやいいなと思ったポイント、逆にこれは良くないなと思ったポイントなど、とにかく書き出していきます。
それが使えるのかは別で、たくさん書き出すことが重要です。
チームメンバーでそれぞれに書き出して意見を出し合うと良いでしょう。

タカ

名前まで決めるんですか？！

アカネ

考えたペルソナが本当に適切かわからなくなりそう··

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

今回参考にさせていただいた記事

The post LPの作り方　競合リサーチ編 first appeared on Linksbase.