#質問
デザインの相談です。
以下のリンク先のサイドバーのバナー(※)がシンプルすぎるため少し手を加えたいと思うのですが、バナーが小さいため複雑な背景などは使えません。
バナーのテキストの可読性を保ったままもうひと工夫するにはどうすればよいでしょうか？
ご意見をいただければ幸いです。
http://wonect.life/
※バナーは、PCの表示のときに左右それぞれ、FOLLOWとMOREの下に並ぶ各五枚のバナーを指します。
一緒に読まれている質問
- W3QはTters内にてサービス継続中です。今後とも当サービスをご愛顧のほど、よろしくお願い申し上げます。
- CSSのpadding-topで画像のアスpeクト比が調整できる仕組みがバカだから全然理解できないままとりあえず使ってる...
- ディスクリプションとかキーワードとかseo的になんの効果もないのに聞きかじった知識披露するクライントって何なんだろうこん...
- 単発の案件で作った Slack のワークスペースって終わったらどうしたらいいん？ 継続して取引のあるクライアントなら残し...
- 一般的にiPhoneユーザーってGoogleアカウント持ってるもんなの？特に20代～30代で。肌感でもいいから教えてくだ...
17 件の回答
そんなことよりスマホで右上のハンバーガーメニュー展開した時に、縦にずらずらと表示されるリンク群をどうにかしろよw
Re:2
これワロタ
Re:3
階層が深くなると、めっちゃ幅狭くなるし。
すでに視認性悪い気がする。背景薄すぎて。
サイドバーーのバナーってスマホで見ると一番下にくる奴ですかね。それなら問題なさそうですわ。
それより右上の3本線タップした時のどこまでスクロールできるかわからん感じが嫌ですz
上の人も言ってましたけども。。。
あとカルーセルがあるのかないのかわかりにくい
Re:4
>階層が深くなると、めっちゃ幅狭くなるし。
このサイトもそうだよなｗｗ
「シンプルすぎるため少し手を加えたい」なんて理由では解決策は見つからんよ君。
個人的には微妙に可読性低い気がするけどなあ、水色・黄色っぽいオレンジ・緑あたり…
自分だったらそこの色ちょっと濃くするだけにする。フラットデザインで統一したほうがキレイなきがする
下記のどれか
・単純な模様を地の色よりちょっとだけ濃い色で入れたらええやん
キレイかどうかはおいといて、太い斜めストライプとか、ものっそい細かい斜めストライプとか
・地の色の下半分とかにうっすらグラデ
・ペタッとしたデザインでまとめたいならアレだけど、文字に視認できるギリギリくらいのうっすい影つける。ハンバーガーメニューの≪の中にもうっすらシャドウついてるからそのくらいに
なんか全体的に整ってないところが気になる
Re:8
そうですね。要素ごとの特徴を伝える内容が足らないと思うのでご意見いただけますでしょうか？
Re:9
的確なご意見ありがとうございます。
グラデ、シンプルな濃い模様の案で考えてみます。
淡すぎる印象ですね～彩度上げすぎないように濃くしてコントラスト出すかな。
あとは左右の上角どちらかを折ってみたり、下辺をさらに2pxくらい濃くしたり、いろいろあしらいはあると思います。
Re:13
参考にさせていただきます。ありがとうございます。
Re:14
最初のコメントをむしろ参考にしろよw
右上の赤と青の変なマークがサイトデザインと合ってない。
Re:15
トピ主の範囲じゃないのかも。
別に検証対象じゃないのかもしれないけど、macでsafariから見るとレイアウトくずれてますよ。