タグ

テクニックに関するy-103のブックマーク (3)

  • UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ

    WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか? この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない

    UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ
  • 思わず試したくなる、Photoshopのすごい最新チュートリアル、作り方36個まとめ

    この記事では、フォトショップの最新デザインテクニックを学ぶことができるチュートリアルをまとめてご紹介しています。 順番にデザインを進めていくことで、より実践的にツールや機能の使い方を学ぶことができ、他と差のつくデザインテクニックを自然と身につけることができます。 某人気アニメ映画のように写真をイラスト風に加工したり、より見た目に近いライティングエフェクト、物と見間違うほどリアルな写真合成など、思わず試したくなる素敵なデザインテクニックが揃います。 思わず試したくなる、Photoshopのすごい最新チュートリアル、作り方まとめ 夕方編:風景写真をイラスト・アニメ風に加工する方法 美しい夕日をバックにした夕方っぽく、写真をイラスト風に加工するテクニックがとても詳しく紹介されています。最後にキャラクターを違和感なく合成。日語チュートリアルというのも嬉しいポイントです。 このテクニックを使った

    思わず試したくなる、Photoshopのすごい最新チュートリアル、作り方36個まとめ
  • 写真撮影が上手くなる、覚えておきたい基本の構図テクニック20選

    完璧な写真を撮影する方程式はありません。 しかし、これから紹介する20個のガイドラインを利用すれば、つまらない写真の構図を魅力的に改善することができるでしょう。 このチュートリアルでは、写真の仕上がりがグッと良くなる、20個の構図テクニックを参考サンプル例と一緒に見ていきましょう。もっとも基的なガイドラインにはじまり、より複雑で高度なテクニックまでまとめています。 コンテンツ目次 0. 構図ってなんだろう。 1. 三分割法 2. 中央揃えと左右対称 3. 前景シーンと奥行き感 4. 枠のなかの枠 5. リーディング・ライン 6. 対角線と三角形 7. パターンと質感 8. 奇数の法則 9. フレームを覆いつくそう。 10. 余白スペースを利用しよう。 11. シンプルさとミニマリズム 12. 被写体のみ切り抜こう。 13. 視点を変えてみよう。 14. 配色の組み合わせを考えよう。 15

    写真撮影が上手くなる、覚えておきたい基本の構図テクニック20選
  • 1