タグ

Designとtipsに関するykfksmのブックマーク (5)

  • 大量の印刷用画像をウェブ用に変換する方法 - クックパッド開発者ブログ

    こんにちは。広告事業部の上田です。 今はおもに新広告商品の開発をしていますが、少し前までプロのレシピを開発していました。 そのときの話を少し書きます。 プロのレシピは雑誌や料理料理研究家のレシピが見放題、横断検索もできるサービスです。 2014年9月にリリースしました。 インターネットで公開されているレシピだけではなく、雑誌やにしかないレシピもたくさん含んでいます。 開発中、これらの大量のレシピをどうプロのレシピにインポートするかが問題の一つとなっていました。 データは出版社から、基的にInDesignの形式で受け取りました。 テキストはPDFに変換してコピー&ペーストして手で修正という力技で対処しましたが、画像はEPSファイルをウェブ用に変換しなければいけません。 印刷用の画像なのでカラーモデルはCMYKです。 普通にJPEGに変換しただけだと『IE8以下では見られない』『Chr

    大量の印刷用画像をウェブ用に変換する方法 - クックパッド開発者ブログ
    ykfksm
    ykfksm 2015/02/21
    「印刷物を扱う機会はそれほど頻繁にはないでしょうが、それだけにノウハウが少なくハマりがちです。 CMYKで痛いめにあったらこの記事を思い出してください」
  • 英国政府のWeb担当が作った“デジタルデザインの原則10か条”がスゴい! | 初代編集長ブログ―安田英久

    今日は、英国政府のWebサイトなどを担当する「政府デジタルサービス(GDS)」の部署が公開している「デザイン原則の10か条」について。「良いデジタルサービスを作り、運営していく」ためのポイントがコンパクトにまとめられています。 英国政府(gov.uk)のサイトには、「デザイン原則(Design Principles)」というページがあり、そこには、次のようなことが書かれています。 まずニーズからはじめる ―― 自分たちのニーズではなく、ユーザーニーズから。当のユーザーを理解し、そのニーズを知る。想像や思い込みではなく、ちゃんとデータで。 なんでもかんでも手を広げず、するべきことだけをする ―― 政府がしなければいけないことだけをし、他の人がすでにやっていたら協力する。 データをもってデザインする ―― 試作し、実際のサイトで実際のユーザーにA/Bテストを行い、その結果をデザインに活かすや

    英国政府のWeb担当が作った“デジタルデザインの原則10か条”がスゴい! | 初代編集長ブログ―安田英久
    ykfksm
    ykfksm 2014/07/16
    みんながコレ意識して動けると理想的。
  • 細かすぎて伝わらないアンチエイリアスの話

    はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい:photoshopのアンチエイリアスについては、基的には5種類 Photoshop上で文字を扱う際には、指定出来るアンチエイリアスは、 なし / シャープ / 鮮明 / 強く / 滑らかに の5種類です。 「なし」に関してはアンチエイリアスがかかっていないので、 文字のままのドットで表示されますが、 他の4つに関しては シャープ:文字が太い / くっきり 鮮明:文字が細い / くっきり 強く:文字が太い / なめらか 滑らかに:文字が細い / なめ

    細かすぎて伝わらないアンチエイリアスの話
    ykfksm
    ykfksm 2014/02/04
    授業で説明する時に使わせてもらお。
  • ファビコン(favicon)とは?代表的なサイズと基本の作成方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    ファビコンはサイト閲覧時のタブ以外にも、多くの場所で使われていることがわかります。 また、上記以外にも検索結果画面にも表示されるため、そのサイトを表す適切なアイコンを設定するようにしましょう。 作成時のサイズは512px × 512pxのみでOK これだけサイズがあると、全て用意するのかと不安になってしまいますが、WordPress4.3以降のバージョンであれば512px × 512pxのPNG形式ファイルを作成すれば全てに対応してくれるようになりました。 複数作成する必要はないので安心してください。 WordPress以外の場合 WordPressを利用しておらず上記のような自動適用の機能がない場合、またはWordPressが4.3以前のバージョンの場合は、各サイズのアイコンを用意する必要があります。 各ブラウザのファビコン表示サイズは先ほどの表の通り16px × 16px が一般的です

    ファビコン(favicon)とは?代表的なサイズと基本の作成方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • MobileHackerz再起動日記: 「真に」デザインされたQRコードのつくりかた

    2010/03/29 ■ 「真に」デザインされたQRコードのつくりかた 少し前に、「デザインQRコードの作り方」という記事が話題になりました。簡単にまとめると「誤り訂正符号の割合を最大にして、“たまたまパターンを正常に読み出せなかった際の自動訂正機能”が効くことを期待して一部を壊して絵を埋め込む」という手順です。 壊してしまうと読めなくなってしまう部分(誤り訂正の効かない部分)に留意して作ればたしかにこれで充分な実用性のある「デザインQRコード」を作り出すことができるのですが、読み込みミスのためのシステム上の余力を削って(余力に頼って)“デザイン”しているわけで、ギークとしてはなんだかちょっとした居心地の悪さを感じなくもありません。 ところが、世の中にはそういう手法ではなく、「真に」デザインされたQRコード…つまり、QRコードを生成する際のデータをいろいろといじってコードパターンそのものを

    ykfksm
    ykfksm 2011/12/19
    自力でここまで出来るなら楽しいなぁー。ヤマト http://instagr.am/p/Zn3WK/ 目指してがんばってみるか!?
  • 1