タグ

2014年7月14日のブックマーク (3件)

  • 自動でイメージに近いロゴを作成してくれるサイト「Logoshi」

    デザイナーとして活躍していると一度はロゴデザインを手がける機会に遭遇するのではないでしょうか。しかし、ミニマルなデザインで企業やブランドのコンセプトや想いを表現するというのはとても難しく、時にアイデア出しで煮詰まってしまうことも。そんな時に活用したい、自動でイメージに近いロゴを作成してくれるサイト「Logoshi」を紹介したいと思います。 webサイト上のキャンバスにイメージしているロゴをペイントすれば自動でロゴデザインを提案してくれる、デザイナーにとっては嬉しいサイトとなっています。 詳しくは以下 サイトの左にある無地のキャンバスに、好きな色で曖昧でも良いのでイメージを描き、ロゴの下に入れようとしている「Company Name」を下部の入力エリアに入力。青いボタンをクリックすると、描いたイメージに近いロゴがいくつか表示されます。さらに、その中から気になったロゴを選ぶと、実際に名刺や建物

    自動でイメージに近いロゴを作成してくれるサイト「Logoshi」
  • Style Guide - About - Hail2u.net

    Sketch, markup, code, style, test, and then deploy. Weblog Documents Projects About Hail2u.netで使われているマークアップやスタイルの解説兼プレビューのページです。マークアップはHTMLのソースを、スタイルについては全ての変更履歴を含むGitリポジトリかこのページで参照されている非圧縮のCSSファイルを参照してください。このページに限ってはマークアップにおかしいところが多々ありますが、その多くはプレビューを作る上でのやむを得ない事情によるものです。 バージョニング フォーマットはSemantic Versioningを使っています。ただしAPIの変更などというものはあまりないので、以下のような条件でバージョン番号の増加を行っています: メジャー・バージョンは、レイアウトの大幅な置き換えやテーマカラー

  • 知っておいてよかった!Web制作時に効率上げる「便利」なCSSテクニック - コムテブログ

    TL;DR 少し前にサイト制作でさりげなく使われている CSS テクニックをまとめましたが、今回はそれを補足する形で、これから増えそうなもの、使っていきたいものを今後忘れないようにメモしておきます。 Photoshop ののように、乗算・オーバーレイなど背景色と背景画像を混ぜあわせたり、写真に色々な効果を付与することができるbackground-blend-modeプロパティ。シンプルな例では、以下のように背景写真と背景色を合成することが可能です。 .blended { background-image: url(face.jpg); background-color: red; background-blend-mode: multiply; } 効果一覧:multiply/screen/overlay/darken/lighten/color-dodge/color-burn/hard

    知っておいてよかった!Web制作時に効率上げる「便利」なCSSテクニック - コムテブログ