重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

【GOLF me!】初月無料お試し

サイト内容は、あまり見ないでください。
CSS(おしゃれか、飾りは良い感じかなど)や、HTML(テキストの置き方など)などの面で
どんな感じか教えてください。
あとSSLがないので、そう言うので見たくない人は、下の画像を見てください。
URL:
http://kurogehome.dokkoisho.com

「このホームページ…どうですか?」の質問画像

A 回答 (6件)

ページの存在そのものには、好感を持ちます。


ですが、質問への回答は「う~んw」です。

しかし私が思うに、「誰に」「何を見せるか」が重要だと思います。
例えば、下記のデザインで成立している例もあります。
https://sakura-editor.github.io/

あくまで見た目に対する感想の質問である事は認識していますが、
「目的に沿ったシンプルな画面遷移」が、私の数十年来の好みであり、
ある意味でのブレの無さが一定の層を引き付ける事は、
ほんの片隅にでも覚えておいて貰えると嬉しく思います。
    • good
    • 0

いや、みんなキツい事書いてるけどさぁ。


正直言うと、日本のサイトってどれもデザインってダサいんですよ(笑)。貴方がどーの、って話じゃない。
楽天なんか見れば分かるだろうけど、日本のサイトって基本的に「隙あれば広告入れる」ってのがホンマ王道なってて、マトモにデザインとか無いわけ。
そういう中でやってきてて、技術的にはさておき、デザイン感が無い人が本書いて教える、とかなればそりゃおかしくなんだろ、と(笑)。
別に貴方のせいじゃないですよ。
論より証拠。米国Yahoo! と日本のYahoo!のトップページの違い見てみれば言ってる意味が分かると思います。

米国版Yahoo! トップページ:
https://www.yahoo.com/

日本版Yahoo! トップページ:
https://www.yahoo.co.jp/

知ってるかどうか知りませんが、日本のYahoo!は資本的には半分くらいはソフトバンクが出してて、半分日本の企業なんですよ。昔の日本マクドナルドと同じで(笑)。
でもそのおかげで「デザイン」に差がある。分かります?米国版は新聞記事のヘッドラインのように見やすくなってるけど、日本版はゴチャゴチャしてる。
他にもNTTのgooなんかも

goo:
https://www.goo.ne.jp/

日本のYahoo!があれだからウチもこの程度で良いだろう、ってのがバレバレですね(笑)。
実は日本のサイトって「古臭いしダサい」って諸外国でも評判悪いんですよね。結局「見やすさ」よりも楽天方式の「隙間あればとにかく広告入れちゃえ」って方針がダサさに磨きをかけてきてるわけです。

次の例。

東京大学:
https://www.u-tokyo.ac.jp/ja/index.html

昔よりかなりマシになった。ってぇかこれも欧米の大学の真似なんですけどね。
ハーバード大学とか、アメリカの大学はとにかく全世界から学生を集める為に必死なわけですよ。その辺がサイトのデザインの先進性とかに現れてるわけですが。

ハーバード大学:
https://www.harvard.edu/

分かりますかね?東京大学よりもデザイン的には1歩も2歩も先に行ってる。
つまり、ハーバードは世界中の高校生とかにアピールするつもりで作ってるわけです。
反面、東京大学は日本の学生だけが相手で、宣伝せんでも高偏差値で日本人学生が確実に来るのが分かってる。
そういう環境の差っつーか意識の差、ってぇのがサイトのデザインにモロに現れてますね。言い換えると東大の場合、デザイン凝っても費用対効果が見込めないわけですよね。

東京都:
https://www.metro.tokyo.lg.jp/

まぁ、適当に地方自治体選んで見てくれれば良いわけですが。東京都はこういうカンジですね。一番金がありそうな自治体のサイトがこう。
一方、アメリカでも適当な地方自治体見てくれればイイんですが、一応首都のワシントン D.C.のサイト見てみますか。

ワシントン D.C.:
https://dc.gov/

ここでやっぱ差が見えてきますね。日本のサイトって情報詰め込みすぎなんですよ。反面、アメリカのサイトは余白が大きい(その代わりスライダーなんかを上手く使ってる)。
この辺が結構違いますね。

多分ね、デザインの本読むのならアメリカ人とか外国の人が書いた本読むのが一番なんだろうと思うんだけど、真っ当なプログラミングの本に比べると、HTML/CSSの本ってそういう「海外品」があまり無いんじゃないかしらん。
日本の場合、要するに楽天的に「隙あらば広告挿入」のせいで、とにかく情報を詰め込み過ぎ。結果見づらいサイトができちゃうわけですよ。そういうデザイン法に慣れてる日本人が書いた本って読んで勉強してもデザインを勉強した事にならんとちゃうんかなぁ。

こういうのって、海外の大学のサイトとか、あるいは都市の公共サイト比較してみれば分かるんですよ。(日本以外の)大学の場合はなるたけ全世界から優秀な学生を集めたい(金になるから・笑)、って動機があるからサイトのデザインは結構凝る。
都市の公式サイトの場合は、商業のサイトに比べると予算が決まってる中で作るから凝り過ぎれない。反面、市民にわかりやすく情報を伝達せなアカン、ってぇんで、最小限の予算で最大の効果を上げるにはどうするか、ってぇんで工夫されてるんです。

1. イギリス:

ケンブリッジ大学:
https://www.cam.ac.uk/

ロンドン:
https://www.london.gov.uk/

2. フランス:

PSL研究大学:
https://psl.eu/

パリ:
https://www.paris.fr/

3. ドイツ:

ルートヴィヒ・マクシミリアン大学ミュンヘン:
https://www.lmu.de/en/

ベルリン:
https://www.berlin.de/

4. オーストリア:

ウィーン大学:
https://www.univie.ac.at/

ウィーン:
https://www.wien.gv.at/

5. スイス:

スイス連邦工科大学チューリッヒ校:
https://ethz.ch/de.html

ベルン:
https://www.bern.ch/

6. オランダ:

ヴァーヘニンゲン大学:
https://www.wur.nl/nl.htm

アムステルダム:
https://www.amsterdam.nl/

7. ポルトガル:

Universidade Católica Portuguesa:
https://www.ucp.pt/pt-pt

リスボン:
https://www.lisboa.pt/

8. スウェーデン:

カロリンスカ研究所:
https://ki.se/

ストックホルム:
https://international.stockholm.se/

9. カナダ:

トロント大学:
https://www.utoronto.ca/

オタワ:
https://ottawa.ca/fr

10. ニュージーランド

オークランド工科大学:
https://www.auckland.ac.nz/en.html

ウェリントン:
https://wellington.govt.nz/

11. オーストラリア:

オーストラリア国立大学:
https://www.anu.edu.au/

キャンベラ及びその周辺地域(ACT):
https://www.act.gov.au/

12. イラン:

テヘラン大学:
https://ut.ac.ir/fa

テヘラン:
https://en.tehran.ir/

とまぁ、ヨーロッパを中心に1ダースくらい見てみましたが。
正直、日本のサイトよりダセェんじゃね?ってのもあるだろうし、でもデザイン的には日本より良い、ってのも多いと思います。
ぶっちゃけ、今、最優先で伝えなければならないのがコロナウィルス関係なんで、ちとその辺一色にする為デザインが似たりよったりになってる、って事もありますがね。
(あと、向こうのサイトだと、共通点が多い気もして・・・オリジナリティ云々、と言うより、何らかのテンプレが広く使われてるんだろうか?)
まぁ、こうやって、海外の大学とか自治体、あるいは国のサイトとか見てみて、CSSとかどーなってんじゃあ、とか調べてみないと「デザイン」って出来ないんじゃないかなぁ、って思います。
繰り返しますが、日本のサイトだとデザイン云々より如何に広告貼るか、ってので発展してきてるんで、あまりデザイン性は重視されてきてなかったんですよね・・・・・・。
    • good
    • 0

話ᴼ


(丸で話になら無い)
    • good
    • 0

1990年代の第一世代的なWebデザイン・・・と感じました。


色のセンスもよくない。
    • good
    • 0

どういう状況の人か分かりませんので、きつく感じたらごめんね。



デザイン的なセンスは全く感じません。
教本か何かで覚えたことを並べただけのように見えます。
初めてのHTMLみたいなそんな印象です。

Scratchでゲームを作るのがお好きなようですので、
まずはそちらを頑張って、サイトの方は変に装飾せずに白バックに黒文字で良いので、
極力シンプルにして並べる程度が良いんじゃないかと思われます。
    • good
    • 0

「ようこそ」の文字を太いフォントにする。

    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!