)2017年3月6日更新ツイート閲覧数3,606viewsこのコラムをPDF形式でダウンロードするJimdoExpertとしてこれまで100件以上のJimdoサイトに携わってきた筆者が、Jimdoを使用して日本語のWebサイトをデザインするポイントについて解説する本コラム。今回は、特別編としてこれまでの連載を振り返りながら重要なポイントをおさらいしてきましょう。第1回~第3回は、Jimdoを使用したWebサイト制作の準備として、大枠のレイアウト設計について解説しています。Jimdoを使ってWebサイトを制作する際に非常に重要になるのがフォント(文字)の設定です。日本語と英語の特徴の違いに触れながら、オススメの文字サイズ設定などを紹介しました。文字サイズが整うだけでWebサイト全体の印象はぐっと引き締まります。Webサイトの顔となるトップページの役割や使いやすいレイアウト手法、詳細ページのレイアウトの組み立て方、Jimdoの便利な機能などを紹介し、大枠の設計についてどのように考えるべきかをまとめています。レイアウト設計はコンテンツを入れる箱としてとても重要で、箱が整っていれば全体が大崩れすることはありません。Webサイトを制作するはじめの一歩として、参考にしてみてください。第1回:まずはここから!フォントサイズを設定しよう第2回:Webサイトの顔!トップページの骨組みを作ろう第3回:詳細ページのレイアウトを作成しよう第4回~第7回ビジュアル要素や色使い、文章の魅せ方で見やすいWebサイトに第4回~第7回は、Webサイト内の各コンテンツやパーツを綺麗に魅せる手法について解説しました。メインビジュアルの選び方や役割、画像素材の入手方法についての紹介と、番外編として今後活用が広がっていくであろう、動画を使用した手法についても触れています。動画は画像よりも多くの情報を伝えることができます。Jimdoでは動画を使った表現も簡単に実現できますので、ぜひ挑戦してみましょう。全体のイメージに大きく影響するカラーリングの考え方や、色の設定に迷ったときに助けとなる便利なWebサービスも掲載しています。色は人間の心理に大きな影響を与えるため、しっかり考えて設定するべきでしょう。各ページの中身となる画像や文章についても、どうすれば分かりやすいWebサイトにできるのか、Jimdoの新機能と合わせて紹介しています。どれもすぐに活用できる方法ばかりなので、見やすいWebサイト作りの参考にご活用ください。神は細部に宿る?ディテールに気を配れば印象は大きく変わる第8回~第11回は、Webサイトの印象を大きく変える、細部をデザインする手法を解説しています。デザインの基本原則について簡単に紹介し、それをWebサイトにどう応用するかを解説しました。デザインの原則に則って配置やサイズ設定を調整するだけで整った印象になり、情報の伝達もスムーズになります。手軽にイメージを変えられるWebフォントの設定方法や、ボタンの設置方法、余白の設定方法など、Jimdoの細かい機能についても紹介し、どこに気をつければ美しいWebサイトになるのかのポイントを解説しました。これらの細かい部分までしっかりと気を配ってデザインに落とし込んでいくことで、Webサイト全体の印象はぐっと良くなります。皆さまのWebサイトにも応用してください。第8回:デザインの4原則をWebサイトに応用しよう第9回:Webフォントを設定しよう第10回:ボタンのデザインをしよう第11回:Webサイトの印象を左右する、余白の使い方をマスターしようまずは楽しみながら触ってみることが良いWebサイトへの第一歩Jimdoは自分で編集ができることが最大の特徴です。それゆえに設定に迷ってしまうことが多いのも事実ですが、ぜひ楽しみながら色々と触ってみてください。ここでご紹介した基本的なポイントをおさえながら編集していただければ、きっと最適な設定方法やレイアウトのポイントが見つかるはずです。ご自身で触って作っていくことで愛着が生まれます。どれだけデザインが優れていてもWebサイトは使われなければ意味がありません。本コラムが、皆さまが愛着を持って長く使えるWebサイト作りの一助になることを願っています。ありがとうございました。2014年までインドネシア・バリ島で活動し、世界各国のクリエイターと交流。Webサイトの制作だけでなく、各種WebサービスのテンプレートデザインやUI設計、セミナー登壇、コラムへの寄稿など精力的に活動中。"かっこいいを簡単に"をモットーに、海外のWebデザインを日本向けにローカライズした新しいデザインを提案している。人気講師が教える本格Webサイトの書き方』など。(著)「4つのレイアウトパターン」と「レスポンシブデザイン」を実際に手を動かして作りながらサイト制作のきほんが学べます!ライブ感のあるチュートリアル学習により、まるでWebデザイン会社でOJT(オン・ザ・ジョブ・トレーニング)を受けているような体験型の独習書です。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。