[B! Webデザイン][Web制作] norip44のブックマーク

HTML/CSSのコーディング品質についておもうこと | ツクロア - DESIGN LAB

デザインフローシリーズをいっかい休みにして、最近おもったことをかいていきます。タイトルからして、なんか意識高い系の話になりそうでいやなのですが。。とはいえ、じぶんが普段思っていることと照らしあわせてなにか考察できればいいなと思います。 HTML/CSSのデザインコーディングについて通常わたしたちは、デザイン業務をメインでしていますが、HTML/CSSへのコーディングもやっています。コーディングって意外とデザインの視点が入りづらいところと思われがちなのですが、実際にはそうでもないな、と最近改めて思いました。そこで、わたしたちが考えているコーディングへの思いを挙げていってみたいと思います。デザインを受け取って、それをコーディングするだけではうまくいかないほんとに、いわゆるコーディングの「作業」という業務ですね。 psdとjpgなどを受け取って、画像を書き出して、HTML/CSSで

norip44 2016/06/08

リンク

あたし、このデザインを納品したら故郷に帰って結婚するんだ。vol.05｜株式会社アクトゼロ｜クリエイティブブログ

こんにちは、haruです。今回はweb制作現場で頻繁に使われる用語についてまとめてみました。 WEBデザイナー、業界の方ならばよく耳にする用語ではないでしょうか？またその言葉の裏に隠された意味にもツッコんでみました。笑って楽しんで読んでいただけたらうれしいです。それではどうぞご覧ください。 Vol.05 Web制作現場頻出用語辞典デザイナー編vol.1 次回は7月中頃に更新です！お楽しみに…。

norip44 2013/06/28

ディレクターとして、こういった状況を生まないように、盾になりたい！　ま、だいたいはどっちも責任はあって、原因はコミュニケーション不足か実力不足でしょうけど。

リンク

サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。 | Maka-veli.com

Webディレクターから見る、デザイナーさんなら当たり前にやってる事で是非取り入れて欲しいという視点で書いてます。グリッドレイアウト目線の誘導にはグリットの設計は重要です。 Webなら特に縦位置を意識する必要があるかなと思います。奇麗なグリッドが引かれたデザイン（線がある/ない、かかわらず）は、とても視認性が高く、目の誘導を行いやすいです。シンメトリー対照性なデザインは人の頭に一定のルールを認知させる事ができます。それ故に、次のページなども惑わす事なく閲覧ができます。また、単体的にも目線の誘導がされやすく、かつ見た目も奇麗ですっと入ってくると思います。アシンメトリー逆に、ネガティブスペースを上手くつかい、目線のジャンプ率を高くしたレイアウトも効果的です。目的と用途で使い分けが重要かと思います。タイポグラフィとビジュアルイメージ和文書体、欧文書体で使い分け、

norip44 2011/09/13

リンク

Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する

2013年3月23日 Webサイト制作, 便利ツール Webサイトのデザインを始める前に、レイアウトやページ内で使われる機能を「設計図」として作っておきます。ワイヤーフレームと呼ばれるWebサイトの骨組みをしっかり作っておくと、デザインする段階でスムーズに仕事がすすみます。またクライアントとの打ち合わせでも大活躍。ここではワイヤーフレームを作る為の便利なオンラインツールと「ワイヤーフレームは手描き派！」という人のためのPDFテンプレートを紹介します。 ↑私が10年以上利用している会計ソフト！オンラインで使えるワイヤーフレーム作成ツール iPlotz iPlotzのWebサイトとにかく多機能でおすすめ。ワイヤーフレームを作る他にプロジェクトマネージメントもできます。オンラインでシェアしたり、JPG, PNG, PDFでの書き出し可能。トライアルをするにはまずトップページから「Get S