ホームページをデザインする時に使える便利サイト・ツール9選
ホームページのデザインを行うとき、良いデザインが浮かばなくて苦労することがあるかと思います。デザイン案だけでなく、クオリティの高いフリー素材やフォントなど、その場その場で探さなければいけないものもあり、結果作業に時間がかかってしまう…そのような状態を解消するには、参考になるサイトやサービスをいかにストックしておくかが重要です。
今回は、実際に弊社で参考にしているデザイン関連の参考サイトや無料で使えるサービスをまとめました。
ストックを充実させるのにお役立てください!
デザインの参考になるホームページ
ikesai.com
業種やジャンルごとでホームページを探すことができるので、自社ページに応用しやすそうなサイトが比較的簡単に見つかります。
MOBILE TUXEDO
http://www.mobiletuxedo.com/category/ui-patterns/
※現在 ページが表示されなくなっています。(2018年3月27日時点)
海外のスマホサイト集です。比較的デザイン性の高いスマホサイトが集められています。
ナビゲーションのデザイン集(Webクリエイターボックス)
http://www.webcreatorbox.com/tech/nav-menu/
さまざまなナビゲーション設定方法が紹介されています。
ナビゲーション設置する際に気をつけるべポイントから丁寧に解説されているので、初心者の方におすすめです。
フリー画像素材(有料)
イメージナビ
他サービスに比べ、少し料金が高めですがクオリティの高い写真素材が揃っています。
ペイレスイメージス
安価で一定のクオリティを保った写真素材が揃っています。写真のタグがかなり細かく設定されており、フリーワードでも写真検索ができます。
ピクスタ
比較的低価格で、写真のバリエーションがかなり豊富です。
shutterstock
写真素材だけでなく、イラストやアイコン、音楽まで網羅しています。
アイコン素材
ICON HOIHOI
http://iconhoihoi.oops.jp/item/
無料で使えるアイコン素材が多数ストックされています。ファビコンにも利用できそうです。
フォント素材
漢字が使える日本語フォント
http://blog.4galaxy.net/56.html
漢字も使えるフリー使用OKの日本語フォントを紹介されています。漢字が使えるフリーフォントは意外と少ないので重宝します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- スマホサイト
- スマホサイトとは、スマートフォンからの閲覧に対応したホームページのことです。スマートフォンは、画面サイズや操作方法がパソコンとは異なります。そのため、訪問ユーザーが快適に閲覧できるよう、パソコン用のホームページとは異なるデザインのスマホサイトを用意するホームページが増えています。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- タグ
- タグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。特にインターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
おすすめ記事
関連ツール・サービス
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング