Webデザインを「もっとかっこよくして！」と言われた時に試したいCSS小技5つ

Webデザインを「もっとかっこよくして！」と言われた時に試したいCSS小技5つWebデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、本気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね！ 1. 要素を斜めに配置通常 CSS でレイアウトを組んでいくと、垂直平行のボックスが並んでいくことになりま

[andoshin11]

かっこいいか、これ？

[yoiIT]

安易に目的が曖昧な要求に応じて、1000本ノックに陥るやつですね。

[ustam]

テキストずれてるので直して欲しい。

[wumf0701]

これ外国語だとかっこいいけど日本語だとうーんってなるやつだ。

[kangaetemita]

そもそも論で「何ちゅーオーダーしてくんねん」とキレれば良い。って話ではないのですよね、そうですよね。

[rjge]

これ系のやつすぐプロパティ名も設定も忘れてしまう…cssは複雑怪奇…

[yamamoto-h]

愛生会病院くらいかっこよくして！

[kote2kote2]

ほら、カッコいいとか書くから叩かれる。だからwebデザインなんてある一線で止まったままなんだよ

[KAZ99K]

「ここもうちょっと装飾足りないかなぁ」「こっちも足さないとバランス悪いなぁ」「…なんかゴテゴテしてきたから1からやり直して」まで1セット。まず「何のためにカッコよくするのか」だよ。それ無いと全部無駄。

[inazuma2073]

たぶん日本で使えるのは一番最後のやつだけだと思う。

[dm_g]

cssまとめ

[headless_pasta]

根本のところでツッコみたいところはあるがそれは置いといて、1つ目の斜めに配置するやつは読んでる人を先にスクロールさせる効果があると後輩の優秀なデザイナーさんに聞いて妙に納得したのを覚えている。

[mhkohei]

小手先の技術で満足か？

[vlxst1224]

「もっとCOOLにしろ。当然全てのブラウザでちゃんと見えるやつだ」って言われた時に「全部画像にしました」と返してクライアントの目を点にするのはいつかやってみたいと何年も思ってるけど機会も度胸もない

[Kmusiclife]

えっ？まじかよ？って思ってぶコメみたら思った通りのコメントが多くて吹いたw

[ichigaya555]

すぐに使える！

[smoothtooth]

相手の要望や好みをヒアリングするのが先です。危険なので良い子はマネしてはいけません。

[damdom]

CSSのグラデーションで作る斜めストライプ便利そう！

[hiragumo]

これは使いたい。

[frozen_faithjp]

カッコいいと実用性は別物

[towerman]

かっこいいかはさておき、流行りの表現。流行りに乗いたほうがいいサイトもあるから、まあ大事。

[asahiufo]

設計工程で言おう

[satotaka99]

斜めにするのいいよね。

[n314]

しましま

[shiromatakumi]

2は画像とテキストの色が合ってないだけで、手法としては使える

[caffephilia]

奇数番号のはカッコいいと思うけど偶数番号のはCSSミスってるようにも見える

[caelum_et_luna]

かっこよくしての方向性次第じゃないかな・・・とは言えかっこいいとはあんま思わないんだけど・・・

[wonderword22]

1.5は嫌いじゃない

[localnavi]

ほへー、スゴいなー、とふぬけた声しか出ない。

[poponponpon]

2,3,4見づらいだけじゃない？

[masafiro1986]

webデザインをもっとかっこよくしてと言われた時にはまず料金の割増請求を試すと良いよ