2015年のゲームUI/UXを振り返る | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2015/12/08 114 users 覚悟 Blog ゲームUI ゲーム マークアップ

なので、業界関係者からは刺される覚悟で「UI/UX」という括りで今回は今年のゲームを振り返ってみたいと思います。 続きを読む

UIはつくらない。ワクワクするストーリーをつくる。（UXのためのUI：ゲーム編） | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/12/10 91 users 見出し ＵＩ制作 デザイナー 半年 Blog

とりあえずかっこよさげな見出しを考えたところで８割方燃え尽きました。 デザイナーの きのです。 今回は【UX Tokyo Advent Calendar 2014】 の8日目としてお送りします。 現在、僕はゲームのUI制作の現場で働いています。*0 半年ほど前からUXの勉強を始めたので、まだUXそのものに取り組んだ経験は少ないひよっこ*1です。 既に同じような初心者側からの記事があがっていますので... 続きを読む

ゼロから始める！tumblrカスタマイズ超入門！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/10/08 183 users Blog マークアップ デザイン

こんにちは！はじめまして！ カヤックHTMLファイ部に来年度新卒で入社予定のもときです。 現在はインターンとしてカヤックに来ています。 今回はtumblrについての記事です。 tumblrに関する記事はググればいくらでも出てきますが、 このデザイナーズブログではまだ扱っていないようなので、 tumblrの魅力と、tumblrサイトのカスタマイズのはじめかたを、 僕なりに紹介してみたいと思います！ ... 続きを読む

デザイナー向け！iPhone6対応について（情報追加中！） | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/09/18 446 users Blog デザイナー向け マークアップ デザイン

みなのもの落ち着け！ iPhone6/6+の発売がいよいよ明日となりました！ 二年ぶりとなる画面サイズの変更に加えて@3xの台頭などもあるので、 慌てている・不安なデザイナー同志に向けて気をつける情報をまとめてみました。 画面解像度 アイコン・スクショ レイアウト対応について ひとまず気にするのはこの辺りの情報！ これを読んで、幾分かは晴れやかな気持ちで明日を迎えましょう。 それにしても時代はレス... 続きを読む

１０秒以内に、ここ１年で見てきたデザインが出せますか？「Ember」活用まとめ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/04/15 372 users 名刺 佐藤ねじ web すごいWEB Ember

まとめサイトでデザインを眺めてるだけで終わってませんか？ こんにちは、佐藤ねじと申します。仕事でも個人でもいろいろWEBつくってます。 最近だと個人では  今日は2011年3月10日かもしれない しゃべる名刺 すごいWEB  などを作っていました。 さて突然ですが質問です。 「１０秒以内に、あなたがここ１年で見てきた素敵なデザインが出せますか？」 このときサッとすぐ取り出せるように脳内やPCの中が... 続きを読む

ちびキャラを作る上でのたった2つのコツ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/03/04 65 users ちびキャラ Blog コツ マークアップ デザイン

どうも、マッキーです。 好きなレスラーはサブゥーとタイガースマスクです。 弊社のクイズゲームアプリ、冒険クイズキングダムでは700体以上のチビキャラがいます。 今回は、そのちびキャラたちを制作する上で気をつけていることを、さっくりお話し致します。 キャラクター制作以外にも言える超基本的なことですが・・どうぞお付き合いください。 ポイントはたったの２つ！ ・はっきりとした形にすること ・はっきりとし... 続きを読む

Unityやるには必須！RGBA画像減色の基礎をまじめに書いてみた | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/02/19 144 users Blog 基礎 必須 マークアップ デザイン

Unityでのゲーム開発でも画像の軽量化がかかせません！ 軽量化は主に以下の４点の取り組みで行います。 ・画像を小さくする ・使う画像数を減らす ・画像を分割する ・変換して画像サイズを減らす ウェブや一般的なネイティブアプリ開発と同じかなと思われるかもしれませんが、 UnityではPNGやJPEGとは異なる画像方式を用います。 RGBA32bit / RGBA16bit / ARGB32 / P... 続きを読む

細かすぎて伝わらないアンチエイリアスの話 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/02/04 472 users アンチエイリアス Photoshop Photos 越後 昨今

細かすぎて伝わらないアンチエイリアスの話 はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい：photos... 続きを読む

これで一撃！簡単にOGP画像をつくれる2つの秘密道具！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/01/27 103 users のび太 りえもん 一撃 デザイナー OGP画像

これで一撃！簡単にOGP画像をつくれる2つの秘密道具！ こんにちは！デザイナーのわりえもんです！ ドラえもんみたいな見た目の、のび太みたいななにかです。 デザイン制作に役立つ秘密道具を紹介します！ さて今回はサイト・アプリ制作に必需品な Facebook OGP画像つくりに役立つ2つの秘密道具をお教えします！ 2014年1月現在、OGP画像の表示には大きくわけて2種類あります。 一つの画像で、どっ... 続きを読む

CSSで絵を描く！？今日から作れる達人のコツをご紹介 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2013/01/30 103 users CSS アルバイター 達人 コツ jsdo.it

はじめまして! HTMLファイ部(内定者)の、のびーです。 4月の入社に向けて、せっせと勉強をしているアルバイターです。 jsdo.itでは、なんと本日、「HTML5実力テスト 応用編」をリリースしました！！ http://jsdo.it/blog/2013/01/html5cat-update.html リリースを記念して、テスト問題にも出題される、「CSSで絵を描く」ことをテーマに記事を書いて... 続きを読む

「秒速で1億PV稼ぐ条件」をエンジニアに聞いてみた | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2013/01/24 510 users 秒速 オートリロード クラッシュ iframe サツキ

平日は割りと仕事しているんですが、 さっきふとこんな技術相談を、エンジニアに投げてみました。 お題を投げてみた barimi ねえねえ、技術相談なんだけど、秒速で1億PV稼ぐサイト作るなら、技術的にどうする？ 私ならオートリロードとiframeだと思うんだけど。 taiyoh iframeで自分を開くようにするだけで、１回表示しただけで待ってれば相当数のPV数稼げそう。。。 （ブラウザがクラッシュ... 続きを読む

HTML5のCanvasに描かれる「アートスクリプティング」とにかく美しいJavaScript表現のまとめ28個！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/12/11 427 users canvas Blog マークアップ HTML5 デザイン

動くぞ！きれいだぞ！ ﾍ(･_･ﾍ) とにかく痩せたい、HTMLファイ部のほんだです。 jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアを担当している者です。 jsdo.it、ユーザー数 5万人突破！ 手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、 ユーザー数 5万人を突破しました... 続きを読む

Webサービス運営で覚えておきたい、登録フォーム作成の7つのポイント | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/11/27 567 users Blog マークアップ webサービス運営 デザイン ポイント

ニーハオ！カヤックのHTMLファイ部のしんちゃんアル！ 中国出身の新卒です。 入社して二ヶ月になりますが、 日本語を一生懸命勉強しています。 よろしくお願いいたします。 さて、現在jsdo.itでは第二回HTML5実技コンテストを絶賛開催中！ こんどのお題は「思わず登録したくなる登録フォーム」です。 Webサービスの制作においてついつい疎かにしがちな登録フォーム。 実はとても大事なものです！ 今日... 続きを読む

1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/11/12 108 users Paberish Blog 制作 jsdo.it 創立

「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現... 続きを読む

1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/11/12 1368 users Paberish Blog 制作 jsdo.it 創立

「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現... 続きを読む

FlashやHTML5で作成されたカードの合成UI・演出のまとめ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/09/10 83 users Flash ActionScript Blog 演出 デザイン

もはやコーディングコンテストサイトと化しているjsdo.itですが、いま開催中の SPEC vol.5 はいつもとちょっと違います。 今回は、いつものHTML5・JavaScript・CSSに加えて、ActionScriptでのエントリーもできます！ 「じつはFlashのほうが得意！」という方にも挑戦していただいているんですが、もうすでに続々と面白い作品が集まりだしているので個人的に気になる作品を... 続きを読む

ゼロからゲームアプリつくった後の大事なメモ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/08/24 625 users ゲームアプリ Blog メモ マークアップ デザイン

こんにちは、ゲームチームのキノです。 先週、カジュアルゲームアプリ「なぞダン -なぞるだけダンジョン-」がApp storeで公開されました！！！！ ひとさしゆびだけの超シンプルな（でもムズイ）ダンジョンゲームです！ 過去にキャンペーンの一環などでゲームは何度かつくってきましたが、 今回が初の企画段階からの参加になるので、学んだことや役立ったを書いておきます。 あとは地味にデザイナー向けにアプリ制... 続きを読む

暑さでやる気がでないWebデザイナーにおくるHTML5表現まとめ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/08/16 76 users Blog Webデザイナー マークアップ デザイン

仲夏。HTMLファイ部の本多です。 jsdo.itにて、コーディングコンテスト「Web Creator's Contest Q」を開催しています。 QはWebクリエイターのためのコンテスト、HTML5、JavaScript、CSSを駆使して挑戦しましょう！ 募集中のテーマはズバリ、 ＼ 夏を涼しくする表現 ／ 暑い夏をひんやり涼しくしてくれる作品をお待ちしています！ 本記事では、続々と集まっている... 続きを読む

ブラウザでJSX, CoffeeScript, SCSS, LESSをすぐに試せる魔法の1行 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/07/13 60 users less Mixin CoffeeScript jsx CSS

ブラウザだけでjavascript, HTML, CSSを書いて実行できるサービス「jsdo.it」が、ちょっとパワーアップしました！ これまでの言語に加え、JSX, CoffeeScript, SCSS, LESSを実行できるようになりましたー！！ 「ちょっと試したいけど環境を作るが面倒...」「SCSSのmixinをシェアしたい」などなどブラウザだけで解決できちゃいますよ♪ 使い方 コードの1... 続きを読む

CSS3を使った演出テクニックがすごいと話題に | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/07/12 113 users Blog CSS3 マークアップ 話題 デザイン

コロプラさんと一緒に行っているコーディングコンテスト「SPEC vol.4」。 応募締切まであと2週間を残していますが、もうすでに変態的な作品が続々と投稿されているようです。 今回もとんがった作品がたくさん集まっているので、途中経過としてその一部をご紹介したいと思います。（ぼく個人の主観でピックアップして紹介していきます。審査とはまったく関係ないですよ！） スピード感がある演出 CSSだけでモーシ... 続きを読む

23人のカヤック社員がおすすめする「つくるときに役立つ三種の神器」まとめ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/07/07 1233 users 神器 ディレクター 面白法人カヤック エンジニア Blog

面白法人カヤックのイベントである「777☆カヤックフェスティバル」に向けて、 ディレクター、エンジニア、フロントエンジニア、デザイナー、 全職能のブログを、同じテーマの記事でつなぐ「777ブログウェイ」を実施していました。 24人のカヤック社員が、「つくるための3種の神器」をテーマに記事を書きました。 そのまとめ記事になります。 デザイナーまとめ 新しいPCに入れる基本ソフト3つ：Windows版... 続きを読む

デザインするための三種のリファレンス | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/06/20 71 users リファレンス 新顔 ウィット 神器 カヤック

はじめまして。 まだカヤックでは新顔ですが、意匠部最年長！？の山下です。 「つくるための三種の神器」 というテーマということで、 僕の方からは、つくる（デザインする）ときにとても意識して参考にしているものを 三つのメディア別にご紹介したいと思います。 雑誌部門 archives 海外の広告を紹介する雑誌です ウィットの富んだ表現が豊富に紹介されています。 http://www.luerzersar... 続きを読む

縦や横に長いサイト「高級ペライチ」1度は見ておきたい超定番演出のまとめ32個！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/06/19 1735 users パララックス Blog 愛称 スクロール アニメーション

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

HTML5ゲームをたくさん集めました！ よってらっしゃい！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/06/05 104 users Safari 初夏 Chrome Blog HTMLファイ部

初夏。HTMLファイ部の本多です。 夏祭りが待ちきれないあなたのために、金魚すくい顔負けのハマるゲームをご用意しました！ カヤック運営のHTML5ゲームの投稿プラットフォーム「jsdo.it HTML5-Games」から、 HTML5でつくられたブウラザゲームを紹介します。 ※ Chrome、Safari など、最新のモダンブラウザでご覧ください。 HTML5ゲームまとめ JSパーティクル崩し ブ... 続きを読む

インターネットでものづくりするときに役立つサイトまとめ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/06/04 984 users インスピレーション 総会 ターゲット Blog ブラウザ

先日、東京学生広告研究団体連盟の総会にて、 「インターネットでつくる人を増やす」というテーマでお話させていただきました！ その時に紹介したサービスをまとめます。 この記事のターゲットは、インターネットでまだ作ったことがない人。 興味があってこれから始めよう！と思っている人向けです。 ポイントは、ブラウザだけで完結できるもの。PCさえあればOK。 アイデア・インスピレーションをストックしよう まずは... 続きを読む