• 締切済み

英語サイトをデザインする時の注意点やポイント

私は仕事柄、日本語のサイトをデザインした後に、それを流用して英語サイトを作ることが多いです。それで悩みなのが「ターゲットが違うのに、見せ方は同じで良いのかな?」ということです。 なので、英語サイトを作る(デザインする)際のポイントや情報、注意点などが知りたいので、どうぞよろしくお願いします! ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■知りたいこと例 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ※下記以外でも全然OKです ◎大文字と小文字の使い分けにルールはあるのか ・英語サイトを見ていると。グローバルナビは大文字なのに、同じ単語がサイドナビでは小文字になったりする ・画像では大文字なのに、それのaltは小文字だったりする  ┗ ちょっと気持ち悪いって感じるのは、日本人だからなんでしょうか・・ ◎英語の縦書きってアリなのか。  ナシなら、どういった対応で狭いスペースに文字をいれるのか ◎どういうサイトが好感度高いのか、また低いのか ◎色に対するイメージは日本人と同じか。 などなど ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■回答例 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ※URLでも、文章でも何でもOKです ▼コリス|英語サイトで気をつけたい14のデザインのポイント http://coliss.com/articles/build-websites/operation/design/872.html

みんなの回答

回答No.1

 自分で見て「いいな」とか「かっこいいな」とか思えたものをまず真似すればいいんだけど、そんなことまで聞いてみないとダメ? もしかして作ったことがないのかな?  一度自分で手を動かして、どんなのでもいいから、作ってみてから出直してください。

関連するQ&A

  • dreamweaverCS6 CSSwidget

    以下のような機能はあるのでしょうか? 挿入パネルなどの項目自作、例えば、画像リンクのhoverで画像を透過させる下のリンクのような噴出しツールチップ、下のリンクのような付箋紙挿入などのような、頻繁に使うデザインをテンプレートあるいは自作ライブラリのような形でdreamweaverに登録することは可能でしょうか? http://coliss.com/articles/build-websites/operation/css/css3-only-tooltips-by-paulund.html http://coliss.com/articles/build-websites/operation/css/css-tutorial-sticky-notes-with-css3.html

    • ベストアンサー
    • CSS
  • セレクタでidは使わない?

    http://coliss.com/articles/build-websites/operation/css/css-lint-rules.html のサイトで、 「セレクタでidは使わない セレクタでの指定にはidではなくclassを使用するようにします。 idは再利用しにくいです。」 と書いてあるのですが、IDは使わず、全てCLASSにするといいということでしょうか?

    • 締切済み
    • CSS
  • 【Photoshop】ライティングをオーバーレイ

    下記のチュートリアルを参考にしてテクスチャを作成しています。 http://coliss.com/articles/build-websites/operation/design/how-to-create-a-simple-texture-by-splashnology.html step5まで出来たのですが、step6の『最後にライティングをオーバーレイモードで加えます』というのが分かりません。 これはどのようにすればいいのでしょうか? できれば初心者にも分かるようご教示頂きたいのですが。 よろしくお願いします。

  • jQueryアコーディオンについて

    どなたかご教授頂けると嬉しいです。 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-easy-accordion.html 上記のjQueryがクロスブラウザ対応と書いてありましたので使用したのですが、設置後にOperaやIE8(9?)で表示がおかしくなることに気づき困っています。 画像と文字が横にならない+リンクに触れるようにする方法はありませんでしょうか… 宜しくお願いします、

  • <div>で改行させない方法

    下記のサイトを見てページを作ってるのですが、どうしても<div>ごとに改行されてしまいます。 ほぼコピペしただけなのですが、デモページではきちんと改行されずに表示されていますよね。 どうして改行されてしまうのでしょうか。対処法があれば教えていただけると助かります。 当方ど初心者ですので一番わかりやすいのをお願いします(>人<;) http://coliss.com/articles/build-websites/operation/css/css-only-pinterest-style-by-kushagra.html

    • ベストアンサー
    • CSS
  • ページ内リンクで#などのアンカーをつけない方

    あまりjavascriptについて理解しておりませんので、用語などの使い方が正しくないかもわかりませんが、ご容赦くださいませ・・・。 ページ内リンクをする際、下記のKAZUMIX氏が公開されておられる scrollsmoothly.jsをつかって、ページをつくっているのですが、 http://d.hatena.ne.jp/KAZUMiX/20080418/scrollsmoothly このままですと、#section2へ移動すると、もちろんながらアドレスバーには hogehoge.com/#section2 となります。 コリス氏の公開されておられるページスクロース(縦のみ) http://coliss.com/articles/build-websites/operation/javascript/296.html で移動する際は、どのアンカーに移動する際でも hogehoge.com/ のままです。 上記のKAZUMIX氏の公開されておられるscrollsmoothly.jsを どのようにすれば、アドレスバーに#をいれずに移動することができますでしょうか?

    • ベストアンサー
    • AJAX
  • jQueryアコーディオン(IE6の対応)

    どなたかご教授頂けると嬉しいです。 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-easy-accordion.html 上記のjQueryがIE6対応とあるのですが、実際に表示を確認してみると崩れてしまっています。 どうにかIE6で正常に表示出来ないか試行錯誤しているのですが上手くいきません……。 もしわかる方がおられましたら教えてください。 宜しくお願いします。

  • 画像を回転させる方法

    質問させてください。 今、下記のような画像をドラッグとホイールで360度回転させる機能 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-reel.html に、更にスライダー機能(http://zack.dtiblog.com/blog-entry-15.html)も使える様にしたいのですが、参考サイトも見つからず、うまい事組み合わせようとしても実装できません。 もしわかる方いらっしゃいましたら教えて頂ければと思います。 何卒宜しくお願い致します。

  • ブラウザーの大きさに合わせる方法。

    今日は。実は、ホームページなのですが「どんな大きさに合わせることの出来る方法」が 有るとの事と聞きました。調べるとCOLISという所など色々出てはきますが、何処に書いて いいものかが分かりません。 SAMPLEが付いていますが見てその通りしても上手くいきません。 何か一緒に保存しておかないといけないファイルとかあるのでしょうか。 お教え頂ければ幸いです。宜しくお願い致します。 <見た参考ページ> http://coliss.com/articles/build-websites/operation/css/css-full-page-background-image.html

    • ベストアンサー
    • CSS
  • 英語サイトを作るさいの注意点

    こんばんは 100%英語のみで構成されたウェブサイトを考案中なのですが、 以前の経験で、日本語の編集ソフトを使うと □←こういうものが表示されたり文字化けしたりしました。 英語の編集ソフトを使えば大丈夫かと思ったら インストールしたアプリケーションが文字化けしてしまい 困っています。HTMLをすべて書きこなせる知識はありません。 そこで質問ですが、英語(日本語でない)のサイトを 作る場合の注意点、コツなどありましたら、是非教えてください。 よろしくお願いいたします。