ポータルサイト制作時に気をつけたいこと

powered by hm solution

お問い合わせ:0120-290-727
受付時間:10:00~18:00(土日祝は除く)

お問い合わせ
ブログTOP » web » CMS » ポータルサイト制作時に気をつけたいこと

ポータルサイト制作時に気をつけたいこと

松本
こんにちは松本です。先週の土曜はイエローレンジャーこと寺本さんの結婚式がありました。
ギター弾いたり、ダンスしたりと、かなりの芸達者ぶり・・・。普通に仕事しながら式の準備や練習してたのかと思うとウルっときてしまいました。
お幸せに~。

最近、ポータルサイトやシステム絡みのデザイン案件が多かったので、その注意点やポイントを一部抜粋します。

可変を意識する。

タイトルや文章を表示させるとき、それが何文字だろうと問題ないようにします。
よく、タイトルバーやブロック要素に背景に合わせて高さを指定する場合がありますが、そうはせずに可変にしておきます。

img120611_1

img120611_2

なるべくデバイスフォントを使う

これは、デザインとの兼ね合いになりますが、今後のメンテナンスのことを考えると、文字を画像でつくるのは極力避けます(SEO的にも)

img120611_3

システム側から「ここのタイトル変更になったから、画像作り直して」と言われません。

特にスマートフォンの案件だと、CSS3に対応してるのでボタンとかもほとんど画像使いません。

アイコンのサイズ揃えると幸せ

ポータルサイトではアイコンを使うことが多いのですが、画像書き出しの時にサイズを揃えておくと、そのあとに続く文字とのマージンが同じになるのでおすすめです。

img120611_4

細かいところも想定して作っておく

デザインの段階で仕様書に細かく落とし込まれていないことも多々あります。
例えば検索結果を表示するページなど、「最大で何件までか表示させて、それ以降はページ分割になりそうだな」と想定して、ページャーなど細かいところも作っておくと、開発がスムーズです。

img120611_5

プログラムが複雑にならないようにする

フロートでブロックを並べる場合など、静的ページなら一番端の要素だけに別のスタイルを充てて、マージン調整したりすることがあります。

img120611_6

しかし、システムで表示しようとすると、「一番右の要素(4n)の時」を判定するプログラムが必要になってきます。

なので、下の画像のように一つのスタイルで済むように考慮します。

img120611_7

まとめ

ざっとですが、こんなことを考えてデザイン・コーディングします。
wordpressなどのCMS構築にも役立つので、ご参考までに。

人気記事

カテゴリ一覧

ホームページを新規制作・リニューアルしたい方 ホームページ診断 神戸ホームページ制作センター採用情報
弊社が手がけた制作実績 スタッフブログ ECの運営ならコンサルロケッツにお任せください!!ギュイーン!!
充実の運用サポート 失敗する業者選びの典型例

制作サイトSEO対策実績

今月のSEO対策結果
キーワード順位
出張マッサージ 京都
1位
手元供養 通販
1位
ユニバーサルマナー
1位
外壁塗装 神戸
2位
整体 大阪
1位
姫路 工務店
2位
ブライダルまつげ 神戸
2位
神戸 温泉
1位
葬儀 神戸
1位
温泉 神戸
2位
葬儀 大阪
4位
出張マッサージ 名古屋
3位
学生 プロモーション
1位
オークション 代行
3位
コンテナ 販売
3位
目 資格
1位
学生 広告
1位
大阪 ホテル
1位
ヘアサロン 南船場
3位
リフォーム
1位
ブランドメガネ 買取
3位
防犯カメラ 神戸
1位
大阪 ホテル
1位
兵庫 探偵
2位
出張マッサージ 神戸
1位
カルジェルネイル 神戸
2位
フィラリア予防
3位
神戸 ネットカフェ
1位
薬剤師 求人
1位
合宿免許 ローン
1位
美容院 南船場
3位
神戸 婚活
1位

2013年09月調査結果の一部

ホームページ制作対応エリア

制作エリア
【営業地域】
大阪府/奈良県/滋賀県/京都/和歌山/三重/兵庫県/神戸市/神戸市北区/神戸市西区/三田市/宝塚市/川西市/篠山市/三木市/小野市 /尼崎市/芦屋市/明石市/伊丹市/西宮市/姫路市/西脇市/豊岡市/加古川市/加西市/加東市/相生市/赤穂市/朝来市/淡路市/市川町/宍粟市/竜野市/丹波

【受注可能地域】
大阪府/兵庫県/京都府/滋賀県/奈良県/
和歌山県/三重県/岡山県/徳島県など
全国各地
Googleビジネスパートナー
powered by hm solution
お問い合わせ
お問い合わせ
gmt
© hm solution, Ltd.