英語・中国語
も対応可能
無料相談
基礎知識 この記事は約2分で読めます

デザインの基礎知識~Web用語編~

今回はデザインの基礎知識web用語編です。ホームページの制作(作成)やLPの制作(作成)をお願いしようにも専門用語が多くて、業者からの連絡内容や相談内容を読んでも何のこと?となった経験がある方も多いはず。これだけ知っておけば最低限大丈夫!という言葉を集めましたので参考にしてみて下さい!

デザインの基礎知識~Web用語編~

Web用語

・ヘッダーWebサイトの上部でブランドイメージの訴求と目次が主な役割のため、ロゴやグローバルメニューが置かれている事が多いです。

・フッターWebサイトの下部で会社の情報や他のページのリンク、サイトマップや著作権表示などが記載されています。

・グローバルメニューヘッダー部分にある他ページへ移動できるリンクの集合体の事です。デザインによってはページの横に置く場合もあります。

・カラム 横並びの要素の事で、段組みとも言われます。1カラムであれば伝えたい内容をしっかり伝えられるが、他のページに移動しにくい等、それぞれメリット、デメリットはあります。

カラム構成の比較図。1カラムはヘッダー・コンテンツ・フッターのみ、2カラムはコンテンツの横にメニュー、3カラムは左右にメニューが並ぶ。


・SPスマートフォンを意味します。Webデザインの場合、PC版、SP版でサイズが異なるため、同じデザインでも表示のされ方が異なります。

・レスポンシブPC版とSP版を同じHTMLで作成し、読者側のデバイスの画面サイズによってデザインを切り替える仕様のことです。

・ハンバーガーメニュー画面サイズによってグローバルメニューに関しても表示のされ方がPC版とSP版で異なります。SP版の場合はグローバルメニューが入りきらないため下図の赤枠部分のような表示のされ方に切り替わります。この部分をハンバーガーメニューと言います。

スマートフォン表示のヘッダー例。右端に横三本線のハンバーガーメニューが表示されている。

・コーディングHTMLやCSSなどのコードを書く作業のことをさします。

・HTMLHyper Text Markup Language(ハイパーテキストマークアップランゲージ)の略で、文章の構造を作成(制作)する際に使用される言語です。

・CSSCascading Style Sheets(カスケーディングスタイルシート)の略で、文章にデザインを施す際に使用する言語です。これらの言葉は良く出てくる言葉達ですので、依頼(外注)をする前に抑えておいて損はないです。ただこの他にも専門用語はたくさんありますので、分からない際は分からないと伝えてもらった方が良い作品を作る上で大切です。

デザインボックスなら

デザイン定額(サブスク)のデザインボックスは専任の担当者がコミュニケーションの全てを行うため、デザインの知識やサイトの複雑な知識も必要御座いません。ご契約前に無料でご相談頂けますのでチラシ、バナー、LP、Webデザインの依頼(外注)が初めてのお客様でも安心してお任せ頂けます。

自社に定額制が合うか、一緒に確認しませんか

依頼内容や制作量が決まっていない段階でも構いません。まず話を聞くだけでも大歓迎です。

ご相談でわかること

  • 自社の制作量に対して、どのくらいの稼働時間が必要か
  • いま出している依頼を、同時進行でまとめられるか
  • Web更新やコーディング、原稿作成まで含められるか
  • 都度発注のままがよいか、定額制に切り替えるべきか

送信後、1営業日以内にご連絡します。