PlanホームaffingerjQuerywordpressバスケWeb制作の技術情報を中心に、WordPress、jQuery、CSSなどの情報など幅広く発信中。Web制作スキルや知識のアウトプットブログです。2014年11月4日スマートフォンサイトデザインをする場合は「どの情報をいれるか?」「画像の横並びの注意」「サイトが重くならないように」「複雑なデザインにしない」「ボタンが小さくてタップがしにくい」など気をつけなければいけないポイントがあります。今回はスマートフォンサイトのデザインで気をつけるべきポイントのご紹介です。まとめデザインのポイントスマートフォンの基本色スマートフォンサイトのデザインは基本PC版をもとにデザインしますのでPC版と全く違った感じにはなりません。PC版のサイトは色が白系で作られていて、スマートフォンのサイトは黒系になりません。PC版とスマートフォンサイトの基本色などが違うとユーザーは別のサイト?と混乱してしまいますので基本似たデザインになります。基本初期の色が違うだけで印象が変わってきます。画像の横並びスマートフォンのサイトは表示を早くさせるために画像は必要ありません!という人もいますがやはり画像が入っていると綺麗なサイトになりますし見てて面白くなります。PC版と同じレイアウトのままだと画像が小さくなる場合があります。経験上スマートフォンサイトに画像を横並びで表示させる場合は2枚までがいいです。3枚ともなるとスマートフォンの画面の都合画像が極端に小さくなってしまいます。大きく画像を見せたいなら1枚で表示させるのが良いでしょう。グラデーションや角丸の画像は使わないグラデーションや角丸はCSS3で表示することが可能です。画像を使う場合は読み込み、修正など考えるとCSS3で表示させたほうがいいです。グラデーションのCSSをつくるのが面倒。言う人にはこちらがオススメです。わたしも使っています。URLCSS3のグラデーションを自動生成PC版のサイトも見れるようにスマートフォンからでもPC版のサイトが見れるようにしておく。スマートフォンからの閲覧でもPC版を見れるようにユーザーに選択させるようにボタンを設置しておく。わたしはフッターに「PCサイトはこちら」のボタンを置いています。スマートフォンは最低限の情報を掲載するようにしています。詳しいこと知りたいと言う人はPCサイトを見てくださいってぐらいの気持ちでボタンを置いています。TECHNOLOGY)"]まとめスマートフォンのデザインは、PCサイトのデザインを基に作りますので新たにスマートフォンのデザインを数十枚作らないといけないと言うことはありません。トップ、中ページ、アーカイブ、お問い合わせなど4~5ページぐらいで良いです。あとはパーツのデザインを作ればあとは使いまわしでOKです。最新記事しんWebサイトの構築、プログラムを制作しています。中小企業、個人のホームページの制作、更新作業も承ります。仕事以外はバスケをしたり、ジムで筋トレしております。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。PREV今度はUGGがレイバン広告に続いて勝手にfacebookで投稿していたからセキュリティ設定はしたほうがいいよNEXTバスケがもっと上手くなるために動画や雑誌などから勉強するしんWebサイトの構築、プログラムを制作しています。中小企業、個人のホームページの制作、更新作業も承ります。仕事以外はバスケをしたり、ジムで筋トレしております。映画/海外ドラマ/プログラミング/バスケ/トレーニング/カナダ/カメラ・写真2018/03/30AFFINGER4のテーマを有効化したら画面が真っ白になった時の対処法2018/3/30ブログテーマをSTORKからAFFINGER4へ変えました!2019/9/30ロリポップ!サーバーの独自SSL(無料)の設定手順!2018/3/25【保存版】Googleアナリティクスでリファラースパム対策をする2016/12/12マラソンで使うFREETOOランニング用のポーチを買ったおすすめ記事1バスケをするなら絶対にあった方が良いカバンの中にある道具のまとめバスケを中学から始めて20年程しています。役に立つ情報があれば幸いです。確定申告をやっていて通帳を見ながら「これはいらないな」「もう少し減らしたいな」と眺めていて、そろそろバスケで使う体育館の料金を払うかっと通帳を見たらKDDIで電話料金を払い続けていた。使っているスマートフォンを新しい機種変更しようと思って自分が月にどれぐらい使っているのか?確認を含めて明細を見てみるとビックリしました。通話料金、パケ放題のほかにも料金がかかっていました。東京にはいろいろな仕事がありますね。クライアントからの仕事の依頼があって「イラストレーターのバージョンを調べて欲しい」とのこと。...5スポーツジムに4ヶ月通い始めて、気が付いたやってはいけない8つのことジムに通い始めて4ヶ月が経ちました。飽き性の私が、スポーツジム通いが続いています。4か月ですが、スポーツジム通いでやってはいけないことがわかりましたのでまとめます。PlanWeb制作の技術情報を中心に、WordPress、jQuery、CSSなどの情報など幅広く発信中。Web制作スキルや知識のアウトプットブログです。