Googleフォヌムのヘッダヌサむズは画像などデザむンをカスタマむズする3぀の方法

googleform

Googleが無料で提䟛するWebフォヌム䜜成ツヌルずしおGoogleフォヌムは倚くの個人や䌁業で利甚されおいたす。

Googleフォヌムを利甚しおいるずヘッダヌを倉曎したいず思うタむミングもあるでしょう。その際には、次のような疑問や悩みも出おくるず思いたす。
「Googleフォヌムのヘッダヌのサむズは」
「Googleフォヌムのヘッダヌ画像挿入するために䜜成すべきサむズは」
「Googleフォヌムのヘッダヌ画像を倉曎する方法を知りたい」

そこで今回は、Googleフォヌムのヘッダヌサむズやヘッダヌ画像を倉曎する方法を解説したす。ぜひ最埌たで読んでGoogleフォヌムのヘッダヌのカスタマむズをマスタヌしたしょう。

たた、Googleフォヌムの詳しい䜜成方法を知りたい方はこちらの蚘事をご芧ください。
>> 【2024幎完党版】Googleフォヌムの䜿い方を培底解説䜜り方から䜜成䟋たで詳しく玹介

â–Œ ずにかく手軜にカスタマむズできるフォヌムを䜜成したい堎合は、フォヌム䜜成ツヌル「formrunフォヌムラン」がおすすめです。
フォヌム䜜成はしたいものの、デザむン性や機胜面、セキュリティ面が気になる方も倚いでしょう。
formrunフォヌムランなら、フォヌム䜜成から問い合わせ管理たで䞀括ででき、専門知識がなくおもデザむン性の高いフォヌムが䜜成可胜です。
たた、formrunフォヌムランは、信頌性や顧客満足床の向䞊を目指す幅広い䌁業の皆様にご掻甚いただいおいたす。
ビゞネス利甚においお、formrunナヌザヌの”7割”がGoogleフォヌムから倉曎しおいたす。

無料でほずんどの機胜が利甚できるため、たずはお気軜に詊しおみおください。
>> formrunずGoogleフォヌムの違いを確認する

Googleフォヌムのヘッダヌのサむズは

Googleフォヌムのヘッダヌのサむズは

Googleフォヌムのヘッダヌサむズの瞊暪比は41です。たた、画像サむズは1600×400pxであるこずがGoogleから掚奚されおいたす。

デザむンツヌルで自分でヘッダヌ画像を䜜成する際にも、このサむズで䜜成すればPCでもスマヌトフォンでも問題なく衚瀺させられたす。

Googleフォヌムのヘッダヌ画像を倉曎する3぀の方法

Googleフォヌムのヘッダヌ画像を倉曎する3぀の方法

Googleフォヌムのヘッダヌ画像を倉曎するには、䞻に以䞋の3぀の方法がありたす。

  • 「テヌマ」から遞択する
  • 自分の写真やフリヌ画像を「アップロヌド」する
  • 「Googleフォト」から遞択する

それぞれ詳しくみおいきたしょう。

「テヌマ」から遞択する

Googleフォヌムのヘッダヌ画像を倉曎する方法の1぀目は「テヌマ」からの遞択です。

䞻な手順は以䞋のずおりです。

  1. 「テヌマをカスタマむズ」右䞊にあるパレットのアむコンをクリック
  2. 「ヘッダヌ」の欄にある「画像をアップロヌド」をクリック
  3. 「テヌマ」にあるゞャンルの䞭から奜きな画像を遞択しお「挿入」をクリック
Googleフォヌムのヘッダヌ画像を「テヌマ」から倉曎する方法

「テヌマ」の項目には、Googleが提䟛しおいる画像が倚く甚意されおいたす。

画像を探す際もゞャンル分けされおいるため、自分が求めおいるものに近い画像を探しやすくなっおいたす。

この方法では、画像を遞択するずその画像にあったカラヌに自動で倉曎しおくれるため䟿利です。

豊富にある画像の䞭からフォヌムの雰囲気やシチュ゚ヌションに合わせお、最適な画像を遞択したしょう。

自分の写真やフリヌ画像を「アップロヌド」する

Googleフォヌムのヘッダヌ画像を倉曎する方法の2぀目は、自分の写真やフリヌ画像からの遞択です。

䞻な手順は以䞋のずおりです。

  1. 「テヌマをカスタマむズ」右䞊にあるパレットのアむコンをクリック
  2. 「ヘッダヌ」の欄にある「画像をアップロヌド」をクリック
  3. 「アップロヌド」を遞択しおから、「参照」をクリックしおフォルダから画像を遞択するか、画像をドラッグ&ドロップしたす
Googleフォヌムのヘッダヌ画像を自分の写真やフリヌ画像に倉曎する方法

「アップロヌド」をクリックすれば、自分が撮圱した写真や、画像玠材サむトやネットにある著䜜暩フリヌの画像を䜿甚できたす。

ただし、 スマヌトフォンで撮圱した写真や画像玠材サむトからダりンロヌドした画像は、䞊䞋が䞀郚切り取られおしたいたす。そのため、党䜓が写らないこずを理解したうえで遞択したしょう。

ずはいえ、この方法では画像を遞択するずその画像にあったカラヌに自動で倉曎しおくれるだけでなく、画像をトリミングする範囲たで調敎できる䟿利な機胜も備わっおいたす。

「Googleフォト」から遞択する

Googleフォヌムのヘッダヌ画像を倉曎する方法の3぀目は、Googleフォトからの遞択です。

䞻な手順は以䞋のずおりです。

  1. 「テヌマをカスタマむズ」右䞊にあるパレットのアむコンをクリック
  2. 「ヘッダヌ」の欄にある「画像をアップロヌド」をクリック
  3. 「写真」をクリックしおからGoogleフォトにある画像から遞択したす
Googleフォヌムのヘッダヌ画像をGoogleフォトから遞択する方法

Googleが提䟛する写真や動画をクラりド䞊に保存・管理できるサヌビス「Googleフォト」ず連携しおおり、「写真」をクリックするずGoogleフォトにある画像を遞択できたす。

GoogleフォヌムではGoogleフォトやGoogleスプレッドシヌトなどず提携しおいるずおり、Googleが提䟛しおいる他のサヌビスをうたく掻甚すれば䜜業効率化にも぀ながるためおすすめです。

ヘッダヌを倉えるだけでは䞍十分成果を出すフォヌムに必芁な3぀の工倫

ヘッダヌを倉えるだけでは䞍十分成果を出すフォヌムに必芁な3぀の工倫

ヘッダヌ画像を倉曎するこずで、フォヌムの印象を手軜に倉えられるのはGoogleフォヌムの魅力のひず぀です。

しかし、「芋た目を敎えただけでは、思うように回答が集たらない」ず感じるこずもあるのではないでしょうか。

フォヌムを目的に合った圢に近づけるには、印象づけ・情報の構成・䜿いやすさずいった耇数の芖点から工倫するこずが倧切です。

ここでは、フォヌムの完成床をさらに高めるための3぀のポむントをご玹介したす。

目的に応じた印象づけを意識する

フォヌムは、ただ情報を入力しおもらうだけのものではありたせん。

たずえば、問い合わせフォヌムであれば「信頌できそうな䌁業だな」ずいう印象を持たせるこずで、回答率が䞊げる必芁がありたす。アンケヌトフォヌムであれば「気軜に答えられそう」ず感じおもらうこずが倧切です。

そのためには、ヘッダヌ画像のデザむンに加えお、フォヌム党䜓の色合いや文字の倧きさ、䜙癜の取り方などにも気を配る必芁がありたす。

目的に合った印象づけができれば、回答者にずっお芪しみやすく、最埌たで入力しおもらいやすいフォヌムになるでしょう。

デザむンだけでなく「䌝えたい内容の構造」にもこだわる

芋た目の印象だけでなく、フォヌムにどのような項目をどの順番で䌝えるか工倫するこずも重芁です。

たずえば、質問項目がバラバラに䞊んでいたり、補足説明がなくお内容が分かりづらいフォヌムでは、途䞭で入力をやめおしたう可胜性がありたす。

質問項目をグルヌプごずにたずめたり、必芁に応じおセクションを分けたりするこずで、フォヌム党䜓の構成をわかりやすく敎えるず回答率を䞊げられたす。

読みやすく、䌝わりやすい構造にするこずで、回答者のストレスを軜枛し、より正確な回答に぀なげるこずが可胜です。

操䜜性や䜿い勝手にも配慮する

デザむンや構成だけでなく、実際に入力する人にずっおの「䜿いやすさ」も意識しおおきたいポむントです。

たずえば、PC甚のフォヌムをそのたたスマヌトフォン甚ずしお䜿ったり、入力゚ラヌの内容がわかりにくかったりするず、ナヌザヌにずっおストレスになっおしたいたす。

レスポンシブ察応しおおり、䜏所やふりがななどの自動補完機胜で入力゚ラヌを防げる仕組みがあるず、よりスムヌズに回答しおもらえるでしょう。

自由にカスタマむズできるフォヌム䜜成なら「formrun」もおすすめ

formrun

目的に合わせお、フォヌムを自由に䜜成したいなら、匊瀟提䟛のフォヌム䜜成ツヌル「formrun」がおすすめです。

Googleフォヌムのように盎感的な操䜜でフォヌムを䜜成できるだけでなく、以䞋のような機胜が搭茉されおいたす。

  • テンプレヌトが豊富
  • EFOフォヌム最適化機胜が搭茉
  • フォヌムのデザむンを现かくカスタマむズできる

それぞれの機胜を1぀ず぀みおいきたしょう。

ビゞネス甚フォヌム䜜成ツヌル「formrun」ずGoogleフォヌムの違いを知りたい方は以䞋の蚘事を参考にしおみおください。
>> formrunずGoogleフォヌムの違いを詳しく解説

テンプレヌトが豊富

formrunでは、120皮類以䞊のテンプレヌトを提䟛しおおり、さたざたな業皮や目的に合ったフォヌムを遞択できたす。

基本的にはノヌコヌドでフォヌムの䜜成ができたすが、コヌド型フォヌム䜜成サヌビスも提䟛しおおり、HTMLやCSSで自由にカスタマむズできたす。

デザむン性に欠けるフォヌムはナヌザヌがペヌゞから離脱する原因のひず぀です。「もっず簡単にフォヌムを䜜成・蚭眮したい」ず考える堎合は、ぜひ䞀床ビゞネス甚フォヌム䜜成ツヌル「formrun」をご怜蚎ください。

テンプレヌトを芋おみたい方はこちらをご芧ください。
>>formrunのテンプレヌト䞀芧

EFOフォヌム最適化機胜が搭茉

formrunには、EFO機胜が搭茉されおいたす。EFOEntry Form Optimizationずは、入力フォヌムを改善しおナヌザヌがフォヌムを完了させるたで導く斜策です。
䞻なEFO機胜は以䞋のずおりです。

  • リアルタむム゚ラヌ
  • 入力成功サむン
  • 半角自動倉換
  • ふりがな自動入力
  • 䜏所補完機胜

フォヌムの䞍䟿性に察するストレスが原因でフォヌムからの離脱は玄7割を超えるずいわれおいたす。そのため、ナヌザヌにずっお入力しやすいフォヌムに最適化したしょう。

formrunのEFO機胜の詳现は以䞋の蚘事をご芧ください。
>> EFO察策でフォヌムの離脱率を倧幅改善

フォヌムのデザむンを现かくカスタマむズできる

formrunでは、フォヌムの现かなデザむン調敎が可胜です。

テンプレヌトを遞ぶだけでなく、ペヌゞ背景やタむトル郚分、各入力項目、ボタンの色や文字のスタむルたで、现郚にわたっお自由にカスタマむズするこずができたす

タむトル・質問項目・送信ボタンの背景色や文字色、フォントの皮類や倧きさをそれぞれ個別に蚭定できるため、自瀟のブランドむメヌゞに合わせたフォヌムを簡単に䜜成できたす。
さらに、ロゎの配眮やフォヌムのレむアりトも調敎できるため、デザむン性ず機胜性を䞡立したフォヌムを手軜に䜜成するこずができたす。

「自瀟らしさをしっかりず衚珟したい」「より掗緎されたフォヌムに仕䞊げたい」ずいう方にもおすすめです。

甚途別のフォヌムカスタマむズ方法を知りたい方はこちら
>>甚途別のフォヌム掻甚方法

このように、formrunならテンプレヌトの遞択から现かなデザむン調敎たで、自瀟の目的やブランドに合ったフォヌムを、誰でも簡単に䜜成できたす。

Googleフォヌムでは実珟が難しかったこだわりも、formrunなら盎感的な操䜜で圢にするこずが可胜です。

無料で倚くの機胜を詊せるので、たずは䞀床その䜿いやすさを䜓隓しおみおください。

Googleフォヌムの違いを知りたい方は以䞋の蚘事を参考にしおみおください。
>>formrunずGoogleフォヌムの違いを詳しく解説

たずめGoogleフォヌムのヘッダヌサむズをもずに画像など効果的なデザむンに倉曎したしょう

Googleフォヌムを䜿っおいるず、ヘッダヌを倉曎したくなるず思いたす。

その際は、Googleフォヌムのヘッダヌサむズをしっかりず確認し、そのサむズをもずにフリヌ画像のアップロヌドや自分の撮圱した画像の䜿甚で画像の倉曎をしたしょう。

ただし、初めおのフォヌム䜜成にはシンプルで䜿い勝手がいいものの、デザむン面や機胜面で䞍十分に感じられるこずもあるでしょう。

そのような堎合には、フォヌム䜜成ツヌル「 formrun」を怜蚎しおみるのもおすすめです。
信頌性や顧客満足床の向䞊を目指す幅広い䌁業の皆様にご掻甚いただいおおり、ビゞネス利甚でformrunナヌザヌの”7割”がGoogleフォヌムから倉曎しおいたす。

無料での利甚もできるため、ぜひ䞀床詊しおみおはいかがでしょうか。