Blog
ウェブ制作
[商用利用可]海外&日本の無料写真素材サイト14選!

[商用利用可]海外&日本の無料写真素材サイト14選!

英語が話せるWEBデザイナーが、絶対使える海外&日本の無料写真素材サイトをリストアップしました。それぞれのサイトの特徴やどんな場面で使いやすいかも記載しています。商用利用可能、かつ無料で利用できる本当におすすめの写真素材サイトが知りたい方は必見です!

続きを読む
Webデザインのトーン&マナーとブランディング

Webデザインのトーン&マナーとブランディング

なんかイメージが違う・・デザインがまとまらないのは、トーン&マナーが原因かもしれません。Webデザインの世界でトーン&マナーは、「〇〇らしさ」を表現するデザインのルールで、ブランディングにも必要な観点です。スクールではなかなか教わることのできないトーン&マナーを使ったデザインの組み立て方を、LINEのブランディングを例に説明します。

続きを読む
完全初心者OK!XDを使ったワイヤーフレームの書き方

完全初心者OK!XDを使ったワイヤーフレームの書き方

残念ながらスクールではあまり教えてくれないワイヤーフレーム。XDを使って初めてでも10分でできるワイヤーフレームの書き方を解説します。ワイヤーフレームは、ウェブサイトの設計図のようなもの。フォントを決めたり、コンテンツの配置を考えるだけでなく、ユーザーの導線を設計するために重要なステップです。

続きを読む
ウェブデザインになぜヒアリングシートが必要?テンプレ無料配布します!

ウェブデザインになぜヒアリングシートが必要?テンプレ無料配布します!

クライアントと制作サイドが同じ方向に向かって行けるようにするのがヒアリングシートの役割です。ヒアリングシートを使えば、戦略的にウェブサイトを作って行くことができ、工数の削減にも繋がります。この記事では、無料配布のテンプレを使いながら、どんなことをヒアリングシートで聞き出せばいいのかを解説します。

続きを読む
フリーランスウェブデザイナーになるためのロードマップ

フリーランスウェブデザイナーになるためのロードマップ

未経験からでも、半年で単価30万の案件は獲得できる!スキルはもちろん、マインドセットや個人事業主の税金や、仕事の獲得方法など、フリーランスウェブデザイナーとして独り立ちするまでの流れをまとめたロードマップです。未経験&初心者のためのハウツー記事集!

続きを読む
あなたもデキル!CSSでスクロールしても背景を固定させる方法

あなたもデキル!CSSでスクロールしても背景を固定させる方法

スクロールしても背景が固定されているとなんだかワクワクしますね!実はこれ、簡単にできちゃうんです。マーケティング的に見ると、伝えたいことに集中させられるというのがメリット。background-attachmentというCSSを使って、早速背景を固定してみよう!

続きを読む
[ビデオ解説付] CSSとSVGで手書き風のアニメーションを作る方法

[ビデオ解説付] CSSとSVGで手書き風のアニメーションを作る方法

筆記体なんかが、するするって手書きしてるみたいに動くアニメーションのやり方です。ビデオ解説付で、テンプレも公開中。HTML、CSS、ちょこっとJavascriptを使用しますが、わかってしまえばカンタン!用意するものは、Illustratorなどの画像編集ソフトとHTMLエディタだけ。

続きを読む
5分でできるSSL設定方法!今絶対に必要なhttps接続とは?

5分でできるSSL設定方法!今絶対に必要なhttps接続とは?

SSLは、《ウェブサイトのセキュリティに欠かせない最低限の設定》です。絶対やってください!SSLとは、色々なサイトで、サイトとサイト訪問者が情報のやりとりをしますが、そのやりとりを暗号化してくれるものです。SSL設定していないとユーザーも離れていってしまいますし、企業側の信頼にも影響します。

続きを読む