タグ

ブックマーク / design.kayac.com (7)

  • 細かすぎて伝わらないアンチエイリアスの話

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

    細かすぎて伝わらないアンチエイリアスの話
  • カヤック内定者が本気で作った!面接に効く「おいしいポートフォリオ」

    おいしいポートフォリオを作ろう! どうも、はじめまして!! 縁あって面白法人カヤックで働くことになりました、デザイナー内定者のハットリです。 ところでみなさん!ポートフォリオ、作ってますか? ポートフォリオって作るの難しいですよね…。 今回はそんなポートフォリオのことを ちょっとでも楽しく、料理に例えつつ紹介したいと思います。 自己流レシピですが、皆さんの参考になれば嬉しいです! ちなみにカヤックにはこんなポートフォリオを送りました。 1.下ごしらえ: 素材を準備しよう! 作品リストをつくろう! まずは、ポートフォリオの下ごしらえです。 今までの作品をリスト化してみましょう! 「どの作品なら使えそうか?」が分かるように書くといい感じです。 こうしてチェックしておけば、いざ作り始めて 「クオリティはOKでも、写真データがない!」とあたふたしなくてすみます。 キーワードを探そう! さて、これで

  • 面白いだけじゃない!カヤック内定者が考えたポートフォリオ 5つの理論!

    理論的にポートフォリオを作ろう! はじめまして。 4月から面白法人カヤックで働くことになりました、デザイナー内定者のツカダです。 ハットリさんのポートフォリオ記事 「カヤック内定者が気で作った!面接に効く「おいしいポートフォリオ 」 に引き続き、実際にカヤックに送ったポートフォリオについて、 僕のポートフォリオを例に、そのポイントを紹介したいと思います! ところでハットリさんの記事500近くもはてブついてるんですけど...。なんというプレッシャー。 今回はポイントごとの特徴から、 方針 形態 内容 遊び 話題 の5+αのポイントで見ていきたいと思います! ポートフォリオは作品集で間違いありません。 ですが、就活用の用途といえば自分のアピールです。 その辺りを考慮し、理論的に考えていきたいと思います。 ちなみに僕はこんなポートフォリオを送りました。 バッラバラ。ちなみにコレ当は全部で11

  • 今日からCSS3アニメーションを使えるようになるチュートリアル

    CSS3のアニメーションってスゴい! 先日のぽんたくんの記事でも紹介されたように、CSS3ではアニメーションも制御できるようになりました。 ということで、ぼくもCSS3のアニメーションを使ってdemoをいくつか作ってみました。 SafariやChromeなどwebkitブラウザで表示してみてください。 コピペで使えるCSS3アニメーション - jsdo.it ※PLAYボタンをクリックすると表示されますよ 見れない人のために動画も撮ってみました。 どうですか?CSSだけで、まるでFlashを使ってるような表現ができちゃうんです。 今回はこのCSSのアニメーションのチュートリアルをご紹介します。 「NEW!」というアイコンが、1文字ごとにぴょこんぴょこん跳ねるアニメーションを作ってみましょう。 上記のdemoでいうと二つ目の動きです。 HTML <p class="animetionNew 

  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

    マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

  • デザイナー必見!ポータルのポータル【モバイルデバイス編】

    歴代人気記事でも上位の ポータルのポータル。 今回は、iPadiPhone・携帯サイトなど モバイルデバイスのデザインギャラリーを集めてみました! それでは続きからどうぞ。 iPadiPhone Landing Pad ー an iPad App Gallery 綺麗なiPadアプリがたくさん掲載されています。 iOSpirations iPad/iPhoneのアプリやサイトデザインが紹介されています。 ishowcase 国内のiPhone / iPad最適化対応サイトが掲載されています。 iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト 国内/海外iPhoneサイトがたくさん掲載されています。 mobile AWESOMENESS 綺麗なモバイルデザインがたくさん。 Web Design Inspiration for the iPhone iPhone

  • KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話

    はじめに 自己紹介 はじめまして。Lobiチーム意匠部のばっこです。 カヤックで「Lobi」というスマホゲーマー向けSNSのデザイナーをしています。 去年の8月頃に社内の受託チームからLobiチームに異動をして、 半年ほどLobiの周辺サービス(Lobi REC SDK、Lobi Play)を担当したり、 少しだけ新規サービス(RANKERS)のお手伝いをしたりしていましたが、 最近、Lobi体のアプリに携わるようになりました。 世間のUXブームに遅ればせながらも、業務でUXについて考える機会が増えてきたので、 今回は、そんなLobiでのUXデザインの取り組みを紹介したいと思います。 Lobi(ゲームコミュニティ事業) | 面白法人カヤック Lobiは、スマホゲームに特化した国内最大級のスマホゲーマーSNSです。 同じゲームをプレイしている友達を探したり、攻略情報を交換したり、レアアイテ

    KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話
    kurosaki0826
    kurosaki0826 2009/06/02
    変態しかいない会社だと思い込んでる
  • 1