例えば「APPLE」のように全て大文字のテキストがあったとして、一文字め「A」だけを大きくするようなデザインについて、レスポンシブのコーディングは面倒に感じますか?自分だったらspanで囲んで%で大きさを変えるくらいあまり面倒には思わないですし、それで少しでも見た目が良くなるならそういったデザインをするのですが、こういう小さな工夫がコーディングに反映されないことが多いので、今後どうデザインしていけば良いのかわからなくなってきています。
かれこれ一年くらいこういったことで悩んでおり、コーダーさんへの伝え方もその都度工夫してきたつもりです。コーディングしてもらったあとに指摘すればいいだけとは思いますが、できればデザインのデータを見た段階で、自分で気付いてほしいのです(デザインの経験もある方なので)。こちらも、よく見ないとわからないほどのデザインはしていないつもりです。
みんなの回答 11 件
面倒ではないし、コーダーがデザイン通りにコーディングしないことに問題ある。デザイン上コーディングするのが難しいなら別だけどそれならデザイナーに相談する。コーディングした後に修正が入る方が自分は悲しい。
デザインデータとコーディングされた画面を二つ並べて、なんで違ってますか?ってコーダーに自分で説明させればいい。
こっちがいちいち事細かにしてやるのではなく、
相手に口を開かせるのが重要。
その要件であればspanタグで囲うのは適していなくて、first-childを使うべきです。
「デザインのためにhtmlの文書構造(コーディング)を変える」のではなく、できるだけcssでデザインをするようにしたほうがいいです。
不要なspanやdivの存在は、コードの保守性を著しく低下させます。
デザインのために文書構造を変えてもいいという考え方でコーディングしているのであれば、SEO対策の観点も疎かにしているのではないかと不安になります。
スレ主さんはデザインカンプを作るまでを業務としているデザイナーさんでしょうか?
コーダーさんは他にたくさんのことを考えているのかもしれません。もうちょっと「何故」という部分を話し合ってみては?
実際、一文字目だけ大きくするデザインは良いものでしょうか?制作者サイドとしたら、見た目は良く感じるかもしれませんが、ユーザーにしてみると大変読みづらいデザインの一つではないかと思います。
Web向きのデザインではないのでは?
コーダーのためにデザインを合わせるなよ
自分、コーダーだけどそれくらいやるよ。
デザイン見て「ふーん、ここ大きくしたいのね。りょ。」みたいなテンション。
スモールキャップスって知ってる?
css で言うと font-variant かな。
まぁでも正直言うと、そここだわる所かなって思う。
もっと別の所で勝負したら?
ID:qgU/vYD18Qaz
さんのとおりそのくらいならコーディングでいくらでもできる。
コーディングのスキルが未熟なのに合わせなきゃならん場合もあるけど、少しずつ高度なコーディングができるように持ってくほうがデザイナーとしては楽しめる
first-letter疑似要素でスタイルできなかったっけ
DTPでいうところのドロップキャップだよね。
「ドロップキャップ css」で検索すれば一発で解決するよ。
あと、おそらくトピ主はphotoshopやillustratorでデザインしてるんだろうけど、こういう問題を解決するにはSketchがうってつけだよ。
プロトタイプを作ると、それ自体が仕様定義になり得るから、コーダーへの指示出しも明確になってお互い楽できると思うよ。
ドロップキャップスって、欧文圏ではめちゃポピュラーな手法よね。段落や章をより明確にする目的の。first-letter疑似要素とか昔からあるし。
印刷物の制作や、読書して来なかった人達はそもそも存在自体知らなかったりすると目的すら分からないという。
関連するトピックス