「どうせセンスがないから無理だ」と思っていませんか。ウェブデザインはセンスではありません。基本的な法則があり、おさえるべきポイントがあります。本日は、あらゆるサイトの中から厳選した、ウェブサイトを見やすくするための、今すぐできる4つコツをお教えします。※本記事はニフティ株式会社提供によるスポンサード・コンテンツです。※本記事は2015年3月3日に公開された記事をLISKUL編集部にて再編集したものです。10のポイント)ユーザーにとって見慣れた構成にしましょう。「面白みがなくなるのでは?」と思う方もいるかもしれませんが、奇をてらった構成はアクセスを下げる要因にはなっても上げる要因にはなりません。したらユーザーにとって使いやすいページになっているかを意識し、自己満足にならないようにしましょう。2視線の流れ(Z型、F型)を意識しているか?(引用:見やすい・使いやすいレイアウトの為に考えるべき事。Note)ウェブサイトでは通常「上から下」へ順番に情報を見ていくと思います。この視線移動を意識して、コンテンツの重要度を考えながら配置すると良いでしょう。(引用:【非デザイナー必見!】知っておくべきデザインの基礎法則6つ|ferret)不規則な配置ではユーザーにストレスを与えてしまいます。中央揃えは使わず、基本的に見えない線で、左揃えにすることを意識しましょう。クリエイティブの改善をすることで、サイトの効果が劇的に変わることもあるそもそも微妙だなと感じているデザインをそのまま使用していませんか?弊社の事例でもクリエイティブを改善することで、見た目だけの印象だけではなく、成約の効果も改善することが多いです。いつまでもその場しのぎのデザインを使用するよりも、プロに任せてきれいなサイトを作った方が、費用対効果が良くなることも考えられます。化粧品業界と、不動産業界の効果の出るサイトの作り方は異なります。確実に効果を出していくためにも、業界の特徴を把握しているプロに任せてみるのもおすすめです。最近では、無料で業界の特徴を押さえた制作会社を紹介してくれるサービスもあるので、Webサイトを制作する際には、制作の目的や、企業の戦略に即した制作会社にお願いするようにしましょう。(引用:「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント|Parkn’Park)色は、彩度(鮮やかさ)明度(明るさ)色相(色み)の3種類で決められます。ピンクを並べているのですが、下の配色は明度と彩度がバラバラで、この配色で同じサイト内に色が散らばっていると、統一感がありません。「分かっているけど、配色を考えるのが面倒くさい」という人は、便利ツール:kulerがおすすめです。https://color.adobe.com/ja/このツールは、コンセプトに合わせて自動的に配色を決めてくれます。以下簡単な使い方をまとめておきます。【ステップ1:基準の色を決める】まず、基準の色を1色決めます。自社カラーがある場合はそちらを設定しましょう。次にコンセプトを設定します。以下、よく使うコンセプト設定の概要と使用例を抜粋したので、参考にしてみて下さい。○類似色...似たような色。洗練された、上品な配色デメリット:全体的に平穏でインパクトに欠けてしまう。改善策:明度や彩度に差をつけて印象づけすることが大事。※コーポレートサイトやポートフォリオサイトに多い。※ブランドの印象づけをしたい。使い倒す!赤いカエル?青い炎?配色の特徴をつかんで色を操ろう!|アンギス)■文字は見やすいか?見出し画像などの文字組みや文字詰めに気は使っていますか。「本文よりもタイトル文のフォントを大きくしただけ」という人も多いのではないでしょうか。他サイトと差をつけるためにも、以下の5つのポイントに気を付けてみましょう。1カタカナ・ひらがなの文字をつめる。漢字はそのままベタ組み(文字間調整なし)でも良いと思うのですが、ひらがな、カタカナは原則として詰めましょう。2句読点などの記号も詰める。前後に間隔が空いてしまう記号(、。・「」など)は適度に詰めましょう。3括弧は一番細いフォントを選ぶ。この話をすると、大抵「えっ!?」と言われますが、文字組みのきちんとした雑誌をよく見てください。大きな見出し文字は括弧が細くなっているはずです。括弧を細くしたほうがより上品に見えます。4単位は小さな文字サイズにする。「100円」という文字列の場合、「円」より「100」の方が小さく、バランスが悪くなってしまいます。その場合、まず「100」の文字サイズとベースラインを他の文字に合わせ、さらに「円」の文字サイズを約2分の1から3分の2のサイズにすることで見やすくなります。スーパーなどのチラシを参考にすると良いでしょう。5助詞は一回り小さいフォントサイズにする。「◯◯の」や「◯◯は」などの助詞や、それほど重要でない文字は一回り小さいフォントサイズにした方が、大切な部分がより強調されます。【結論】いかがでしたか?このように少し工夫をするだけで、サイトはぐっと見やすくすることができます。なんとなくで配置や文字を決めるのではなく、明確な「理由」を持ってサイトを作成していきましょう。あなたに合ったWEB制作会社を無料で相談仲介/WEB販促の窓口WEB販促の窓口は、ニフティのスタッフが直接会って厳選した、全国の優良な制作会社だけをご紹介するサービス。窓口にお問い合わせ・ご相談いただいた内容に応じて、その課題解決に適した会社を複数ご紹介します。「実際に会って相談したい」「メールベースでスピーディにやりとりしたい」いずれの方法もOK。制作会社のご紹介は「完全無料」ですので、何度でも安心してご利用いただけます。※本記事はニフティ株式会社提供によるスポンサード・コンテンツです。営業やっています!好物はうどんです。LISKULについて検索:。