スマートフォンサイトを表示する

  1. TOP
  2. Jimdoで魅せる日本語Webデザイン

エキスパートコラム

Jimdoで魅せる日本語Webデザイン(全12回)

執筆:服部 雄樹(服部制作室)

  • このエントリーをはてなブックマークに追加

閲覧数2,320views

ユーザーが陥りがちな失敗をヒントに、プロっぽく見せるポイントやJimdoでの具体的な設定方法を、関連情報を交えながら紹介します。

特別編 魅せるデザインのポイントをおさらいしよう

今回は、特別編としてこれまでの連載を振り返りながら重要なポイントをおさらいしてきましょう。ここでご紹介した基本的なポイントをおさえながら編集していただければ、きっと最適な設定方法やレイアウトのポイントが見つかるはずです。

2017年3月6日更新

第12回 より良いWebサイトについて考えてみよう

今回は、これまで学んできたポイントをおさらいしつつ、さらに良いWebサイトにするために必要なことは何かを考えていきましょう。大切なことは「誰のためのWebサイトか」を常に考えることです。

2017年3月17日更新

第11回 Webサイトの印象を左右する、余白の使い方をマスターしよう

Webサイトをコミュニケーションのツールだと考えると、余白とは会話における「間」にあたります。Webサイトのデザインにも適切な「間」を取り入れ、テンポの良いコミュニケーションを心がけてみてください。

2017年2月6日更新

第10回 ボタンのデザインをしよう

ボタンは、各ページ間をつなぐ目印となるだけでなく、購入や申込みなどのアクションを起こしてもらうための、いわば「ユーザーが直接触れる」箇所です。ボタンのデザインは小さなことのようで、実はWebサイトの成功と失敗を分ける重要な役割を担っています。

2017年1月10日更新

第9回 Webフォントを設定しよう

Webサイトのデザインにおいて、どんなフォント(書体)を使用するかはとても重要です。Webフォントは、インターネット上にアップロードされているフォントを使用して表示させることで、これまでよりも多彩な文字表現ができます。

2016年12月5日更新

第8回 デザインの4原則をWebサイトに応用しよう

普段なにげなく耳にしている「デザイン」という言葉。この意味を正確に理解している人は意外と少ないのではないでしょうか。デザインは人に何かを伝える、何か行動を起こしてもらうために計画され、構成されるコミュニケーションの手段であり、「何を誰にどう伝えるか」が最も重要です。

2016年11月7日更新

第7回 文章を読みやすく掲載しよう

Webサイトのコンテンツの中でもっとも重要なコンテンツは何か?と問われれば、それは間違いなく「文章」です。商品について解説をするのも、会社の理念について説明をするのも、すべて言葉、つまり文章だからです。

2016年10月3日更新

第6回 新機能!フォトエディターで画像の編集をしよう

画像はWebサイトに欠かせない要素です。しかしそんな画像を誰もがうまく使えているかというと、意外とそうでもないのが実状です。こうした状況を解決するための大きな一歩として、Jimdoに新しく追加された、画像編集機能「フォトエディター」について解説します。

2016年9月5日更新

第5回 テーマカラーの選び方と組み合わせのコツ

さまざまな商品や広告の「色」には作り手の意図が込められており、皆さまがWebサイトを制作する際にも細心の注意を払う必要があります。それぞれの業種に合った色を選ぶことはもちろん、複数の色を使う場合には違和感のない組み合わせにすることも重要です。

2016年8月1日更新

第4回 一瞬で伝える!魅力的なメインビジュアルの選び方

何事もスピードが重視される現代では、ユーザーがWebサイトを訪れて「何が載っているか」を判断するまでの時間は、5秒とも10秒とも言われています。この極めて短い時間の中で「何が載っているか」を効果的に伝えるのが、メインビジュアルです。

2016年7月4日更新

第3回 詳細ページのレイアウトを作成しよう

一口に詳細ページと言っても、商品紹介のページもあれば、会社概要、お問い合わせフォームなど、掲載するコンテンツによって様々なページが存在します。それぞれ内容や情報量の異なるページをバランス良く作成するにはどうすればよいのでしょうか。

2016年6月6日更新

第2回 Webサイトの顔!トップページの骨組みを作ろう

今回は、Webサイトの顔であるトップページを作るときのポイントについて解説していきます。Webサイトの目的は様々ですが、基本的には「情報を得たい人」が「正しい情報を得る」ためにどうするかを考えるのが正解です。

2016年5月2日更新

第1回 まずはここから!フォントサイズを設定しよう

皆さんはWebサイトを作成していて「かっこよく作れない」「手作り感がでてしまう」などの難しさを感じられたことはありませんか?このコラムでは、Jimdoを使用して日本語のWebサイトをデザインするポイントについて解説していきます。第1回は、Webサイトの基本となる「文字の設定」について見ていきましょう。

2016年4月4日更新

服部 雄樹(はっとり・ゆうき)

服部 雄樹(はっとり・ゆうき)

服部制作室 代表/JimdoExpert
http://www.hattori-studio.jp/
http://www.template-labo.com/

愛知県名古屋市出身。2014年までインドネシア・バリ島で活動し、世界各国のクリエイターと交流。多くの海外案件に携わる。帰国後、服部制作室を設立。Webサイトの制作だけでなく、各種WebサービスのテンプレートデザインやUI設計、セミナー登壇、コラムへの寄稿など精力的に活動中。"かっこいいを簡単に"をモットーに、海外のWebデザインを日本向けにローカライズした新しいデザインを提案している。

著書に『いちばんやさしいHTML5&CSS3の教本 人気講師が教える本格Webサイトの書き方』など。

いちばんやさしいHTML5&CSS3の教本 人気講師が教える本格Webサイトの書き方

この執筆者の他のコラム
  • 1年間無料

    「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

コラム週間アクセスランキング[期間:2017/5/14~2017/5/20]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!