携帯サイトデザインテクニック

携帯サイトデザインテクニック

携帯サイトを作る際に役に立つ携帯デザインテクニック

基本ですが、配色について

まずは、色味を決めます
カラーパレット

色を決める際に注意すべき点
・本文が読みにくい配色はさける
・同系統の色でまとめてみる
・同じくらいの彩度でまとめてみる

docomoの場合、背景色を白または、未指定にしないと絵文字の色がでません
背景色を白以外に設定する場合は、利用する絵文字に対しても表示したい色を指定する必要があるので注意



携帯サイトデザインテクニック

見出しに帯をつけるととても見やすいサイトになります

帯の記載方法
xhtmlの場合(FOMA)
PC 同様にスタイルシートで背景色を表示することができます。
<div style="color: #FFFFFF; background-color: #FF0000;">

htmlの場合
機種依存しますが、通常のtableタグが仕様できます。
<table bgcolor="#0080ff">

こちらを参考に見やすいサイトデザインを考察してください