タグ

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

  • 10秒以内に、ここ1年で見てきたデザインが出せますか?「Ember」活用まとめ

    ●1:集める時間を決めて習慣化 ●2:画像の収集と同時にタグ付けする ●3:自分らしい名前でタグ付け ●4:収集画像の良い部分を「要素分解」せよ ●5:デザインするとき、リラックスした自分を呼び戻すスイッチとしてスクラップを活用せよ ●6:失敗にセンサーを働かせよ

    10秒以内に、ここ1年で見てきたデザインが出せますか?「Ember」活用まとめ
  • 縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個!

    HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」! HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します! まずは王道!縦に長い高級ペライチ

  • インスピレーションを刺激する!Facebook新タイムラインのデザイン51選!

    あっという間に12月! さて、こんな年末の年の瀬迫るちょー多忙期に、なんとFacebookのタイムラインが新しくなることに! カバー写真とプロフィール写真を工夫することで、面白い見せ方をしているデザインを51個ご紹介します! 新タイムラインの設定方法やカバー写真の変更方法についてはこちらがおすすめです! 来月スタート!新・facebook「タイムライン」登場。で、準備しておきたい5つのこと Facebookでタイムラインのcoverを設定する方法 - nanapi Web また面白いプロフィールページだけを集めたFacebookのグループもおすすめ! Awesome Profile Hacks Ekkapong Techawongthaworn Mohammad L. Azzam Andrew Grojean Yale Zhao Sune Adler Miltersen Sven De B

  • WEBデザイナー向け☆iPhoneアプリのUIデザイン

    どーもキンモクセイぷんぷん香る自由が丘からaoizmです。 秋満開!スマートフォンまっさかり!(強引) KAYACでもiphoneアプリ制作のお仕事が増えてきております。 WEBデザイナーがiphoneアプリのデザインをする際に、やっぱり気になるのがWEBとの違い。 画面サイズが小さく持ち歩けるデバイスiphoneは、デスクトップ上のアプリやWEBサイトとは 使用環境もその操作方法も異なるため、WEBとは違ったインターフェイスが求められます。 その違いを認識した上で、違いを活かしたデザインをするためには? iPhoneアプリUIデザインまとめてみました。 WEBサイトとiphoneアプリの違い 状況 持ち歩けるがゆえそのシチュエーションもさまざま 「会議で」「合コンで」「移動時」「就寝時」... 状態 そのときユーザーはなにをしている? 「歩きながら」「話しながら」「運動しながら」...

  • 購買意欲を刺激する!印象的なHTMLメルマガ10選

    マラソンに夢中! nonakaです。 毎週通販サイトのhtmlメルマガを作っているので、他の通販サイトのメルマガも多数購読してます。 今回は、通販サイトのhtmlメルマガを集めてみました。 通販サイト html形式メルマガまとめ セレクトショップ:BEYES(バイズ) 【メルマガの横幅】600px。 【構成】バイヤーからの一押しアイテム、毎週更新される特集ページバナー、新商品情報、ファッションコラムなど。その他、購入者限定のメルマガも配信してます! 下専門店:Tabio(タビオ) 【メルマガの横幅】713px。 実際のメルマガ用のhtml 【構成】雑誌掲載商品、季節のリコメンド、ランキングなど要素が豊富! 無印良品 【メルマガの横幅】569px。 実際のメルマガ用のhtml 【構成】バナーが縦に並ぶ構成が多い。 facebookやtwitterの案内もさりげなくヘッダーに入っている。 z

  • Facebookファンページ、デザインのまとめ!

    11月ですね!今年も残り2ヶ月! 社のある鎌倉は紅葉の季節にさしかかり、いい景色に元気をもらっているbarimiです! Facebookって流行って…る?! ってことで、私も先月からぼちぼち使いはじめました! …が、ファンページってどうやってつくるの?とかデザインってどんなのがあるの? などなど、まだまだ分からないことが沢山。 そこで今回は、デザインがかわいいファンページや、デザインギャラリーサイトをご紹介したいと思います! いいね!ボタンを押させたい!ってときに一工夫しているファンページ ってことで、印象的なウェルカムページ。 Redbull まずはRedBull。かわいいグラフィックで思わず押したくなります。 Teesey Tees こちらは、いいね!を押すと、、、、(押してみましょう!) Desigual オーソドックスな画面ですが、独特の浮遊感のある色合いが綺麗ですね。 ファンに

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

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

  • 祝☆ブログリニューアル!をデザイナー目線から語る

    KAYACデザイナーブログのリニューアルです。 関わったみなさまも関わっていないみなさまもお疲れ様でした。 今回はデザイン面についての解説をしたいと思います。 お付き合いの程よろしくお願い申し上げます。それでは続きから早速始めます。 まずは今回のリニューアルにてデザインのコアとなる部分。 簡潔に2つ。 記事主体のブログへと生まれ変わる →今までのブログは主にブックマークがメインでちょっと活気がなかった。 パッと見で普通のブログっぽくない。挑戦している。 →機能性も出来たらお願いします。 こんなところでしょうか。 これに並行してbarimi姉さんの立てた狙いもデザイン面から補完出来たらベスト。という前提でスタートしました。 結果から言うと 今回のブログのデザインテーマは『ふらっと気軽に寄れる立ち読み屋』です。 まず背表紙(タイトル)で読むべきものを選択できる。 →興味のない読み物はスルーで

    chaws2004
    chaws2004 2010/08/11
    UI設計のコンセプトがいい
  • 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 - カヤックの意匠部によるデザインやマークアップの話
  • 1