Magazine
マガジン – オンラインマガジンを作成する! / Additional effect · WordPress CMS site
このようなオンラインマガジンを作成する事も可能です。
編集画面(エディター)の使用で、簡単に作成、編集が可能です。
(様々なイベント、アニメーション設定が可能です)
(上は英語ですが、もちろん全部日本語で可能です)
テキスト
テキストはウェブサイトの不可欠な部分です。
インターネット速度が大幅に上昇し、人々がリッチメディア(画像、ビデオ、オーディオなど)を使ってウェブサイトを作成し始めましたが、テキストはウェブ上のコミュニケーションの最初の位置にあるため、それは論理的なディスプレイを持つことを考えてあなたのウェブサイトを構築することが重要です。
コンテンツの異なるテキストの重要性を定義する階層を利用します。
たとえば、タイトルは見出しに、説明は段落に、見出しにはさらにレベルをつけることもできます。これはサイトのコードやデザインを美しいものにするかだけでは無く、たとえばGoogleではこれらのタグを使用して検索結果のタイトルと説明に表示する内容を特定しています。
見出しレイヤー
上のサンプルでは、段落を構成するテキストレイヤーと見出しを作る見出しレイヤーの2つのレイヤーで作成しています。
これら2つの違いはタグだけでなく、さまざまなオプションも与えました。見出しレイヤーには分割テキストアニメーションを使用できます。つまり、テキストを単語で区切ったり、文字で区切ったりすることができ、実際にクールな効果を与えることができます。
このように多くのアニメーションで、インパクトを持たせ、目を引くことが可能です。又、情報をポップアップする事も効果があります。
テキストレイヤー
テキストレイヤのオプションとして、さまざまなデバイスに異なるテキストを設定できます。
かなり長いテキストの場合、小さく小型のデバイスを使用すると、ウェブサイトのスペースが制限されますので、このオプションを使用して、タブレットや携帯電話のスペースをより管理しやすくすることができます。
フォントの設計
サイトのデザインについてですが、ウェブサイトの95%がテキストである場合、そのフォントのスタイルはページがどのように見えるかを決定します。
まず、font-family(フォントファミリー)で、フォントの種類を指定します。
見栄えの良いウェブサイトを作成するには、この場合も階層が重要なため、多くの異なるフォント種類を使用する必要はありません。
表示しているテキストの優先度によって、同じ優先度のテキストには同じ種類のフォントを使用します。
1つのタイトルに複数のフォントは混在させないようにします。
アクセントをつけたい場合は、フォントを太字にしたり、行の高さを上げたりするようにします。
複雑にしないように
あまりにも多くの文章を載せないようにすることも重要です。
ページ間を移動しやすいように、リンク色を変えたり、上にマウスを置いて目立つようにしたりすると、ビジターが探しているものを見つけやすくすることができます。
サイトデザインを複雑にしないように、最小限の素敵なレイアウトにする事をお勧めします。
こうしましょう
3つ以下のフォントファミリを使用する
フォントサイズを使用して階層を表示する
8px以上のフォントサイズを指定する
一致するフォントを使用する
やめましょう
5つ以上のフォントを使用する
8pxフォントサイズより小さくする
あまりにも多くのテキストでユーザーを圧倒する
あまりにも多くの色を使う
オンラインマガジンを作成する!
編集画面(エディター)の使用で 、配置や応答の設定も簡単に可能です。
gfwコースへのご依頼で設置致します。見積ご依頼はこちらから
Full Width, Block, Premium, Special, Content Slider, Layer Parallax, Parallax, Lightbox
フルページ(全幅)、ブロック、プレミアム、特別、コンテンツスライダ、レイヤ視差、視差、ライトボックス