タグ

webdesignとtipsに関するsigwygのブックマーク (5)

  • 【ケータイ】画像のファイルサイズを50%削減するひと手間

    こんにちわ。最近ソーシャルアプリやるようになったやしこです ソーシャルゲームはいま一番アツい分野!いろいろなゲームが群雄割拠です。 でも画像が重くてさくさく連打できないとゲームの爽快感が半減してしまいます。悲しいけどこれ携帯なのよね。 なるべくストレスフリーのみんなに優しいデザインをした〜い! そんなユーザーにもエンジニアにもモテる爆軽画像への研究・発見報告です 基の基 画像の重さは1画面合計100k以内 PNGは使えないとおもっておk 画像にwidthとheightを指定しないのは死亡フラグ 元画像が複雑な場合ライブトレースで爆軽に 私が現在担当している英雄になりたい!は魅力的なキャラクターたちが登場する戦争ゲームです 繊細なキャラクターデザインでそれが重厚な世界観を作り出す大事なキーになっています ところがアニメ塗りと違って色数が多すぎて減量に不向きです。どうしても重くなってしまい

    sigwyg
    sigwyg 2010/08/30
    ライブトレース → 高機能なポスタリゼーションといった感じ
  • コーディング前に確認しておきたいこと。 - CSS HappyLife

    CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。 制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう?ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは毎回違っていたり、当然ディレクションをする人も違うので最初に確認しておきたい事が有ったりします。 って事で、その辺りをまとめてみたり、デザインを渡されたときにこのデザインの意図は?って思う事とかもばーっと書いてみます。はい。 なので、デザイナーさんもコーダーにデザインを渡すときに気をつけて欲しい点とかもわかってしまうすばらしい内容(だと良いな)! じゃあまずは最初に確認しておきたい基的なことか

    コーディング前に確認しておきたいこと。 - CSS HappyLife
    sigwyg
    sigwyg 2010/07/28
    デバイス?
  • CSS Nite vol.39 フォローアップ | gaspanik weblog

    こちらの記事を先日の「CSS Nite vol.39」のフォローアップとさせていただきます。 スライドの方は別途公開ということで、フォローしておいた方が良さそうなカラーマネジメント系の話とモニタの調整の手順(Windows / OS X)、あとおまけで講演時に使ったトマトの写真の元写真からCamera RAWを使った補正の手順をざっくりと書き記しておきます(元ファイルはダウンロード可)。 (追記: 2009.09.25)スライドと音声をCSS Niteさんの方で公開していただいたようです。なお、スライドのみSlideShareでも公開しておりますので、オンラインで確認したい方はこちらからどうぞ。 非常に長いエントリーになるので気合いを入れてください(笑)。 ブラウザのカラーマネジメント的なことまず、ブラウザを介して見る自身の環境の状態からいってみましょう。ICCのWebサイトのこちらのペー

    CSS Nite vol.39 フォローアップ | gaspanik weblog
    sigwyg
    sigwyg 2009/09/25
    キャリブレーション!
  • デザイナーがDTPからWebに移行する際の11のアドバイス

    デザイナーがDTPからWebに移行する際の11のアドバイスをThe Design Cubicleから紹介します。 Transitioning from a Print to a Web Designer 以下、その意訳です。 DTPからWebに移行する際、今まで培った法則やスタイルを捨てるということではありません。Web向けにそれらのスキルを活用します。 実際、紙を模倣したデザインの人気は高く、ニュースサイト、Eコマースサイト、ブログなど多くのウェブサイトで採用されています。 1. Design your sites and images at 72dpi 72dpiでデザイン Webは300dpiではなく、72dpiを使用します。 2. Use RGB RGBを使用 カラーモードはCMYKではなく、RGBを使用します。 3. Design in Photoshop 作業はPhotosho

    sigwyg
    sigwyg 2009/04/02
    改めて纏められると面白い!
  • Web ページを高速化する

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    Web ページを高速化する
    sigwyg
    sigwyg 2009/03/01
    JavaScript周りが特に良い。関数サンプルが参考になる。
  • 1