このコピー講座は、2012年11月にスタートアップ企業向けに開催した「WEBこそコピーがたいせつ講座」の抜粋および、2013年2月に岡山広告温泉で話そうと思っていたことのスライドです。Read less
カヤックコピー部のコピー講座
このコピー講座は、2012年11月にスタートアップ企業向けに開催した「WEBこそコピーがたいせつ講座」の抜粋および、2013年2月に岡山広告温泉で話そうと思っていたことのスライドです。Read less
Webサービス運営で覚えておきたい、登録フォーム作成の7つのポイント
ニーハオ！カヤックのHTMLファイ部のしんちゃんアル！ 中国出身の新卒です。 入社して二ヶ月になりますが、 日本語を一生懸命勉強しています。 よろしくお願いいたします。 さて、現在jsdo.itでは第二回HTML5実技コンテストを絶賛開催中！ こんどのお題は「思わず登録したくなる登録フォーム」です。 Webサービスの制作においてついつい疎かにしがちな登録フォーム。 実はとても大事なものです！ 今日は、登録フォームをつくる際に気をつけるべきポイントを7つにまとめました。 これだけは欠かせない基本の要素6つ 登録と無関係の要素はなるべく表示しないように！ 聞きたいことは最小限にして不安にさせない OpenIDを利用して登録手続きを超簡単に！ バリデーションは色や動きでみせると効果的 登録のメリットを表示しましょう アドバイスに縛られないで、そのサイトの個性に適した手法を使いましょう！ これら一
すげえ！FlashLite1.1を解析してHTML5に変換·FlashForward MOONGIFT
ガラケーはFlashLiteに対応しており、多数のゲームが開発されてきました。そうした既存の資産を活かすべく開発されているのがFlashForwardです。iOS向けにFlashLite1.1からHTML5へ変換するソフトウェアです。 デモは多数用意されています。 アニメーションします。 SVGの他にCanvas阪も用意されています。 テキスト含めたアニメーションも可能です。 こういうゲーム系で活躍します。 陣取りゲーム風ゲームも再現できています。 こういうアニメーションはCanvasのが高速です。 指定した形を描きます。 日本語も使えます。 複雑なキャラクターも描けて、アニメーションもばっちりです。 左右に動いたりします。 バナーレベルは十分に使えます。 まさにゲーム用途にぴったりです。 FlashForwardでは予めSWFファイルを解析し、HTML5/SVGまたはCanvas/Jav
光から移動まで、すべてCSSで作る光るアニメーション
ゲーム型キャンペーンサイト「URBAN RESEARCH Christmas 2011」 意匠部ME課あらため、HTMLファイ部所属となった比留間です。 今回は、先日リリースした「アーバンリサーチ」のキャンペーンで 「アーバンサンタ」からのプレゼント、というサイト制作に携わりました。 簡単にキャンペーンの概要を説明すると、Webとアーバンリサーチの店舗が連動して先着でクリスマス限定のキャンドルをもらえるというキャンペーンです。 内容はサイト内に隠されたプレゼントボックスを見つけ出して、それをアーバンサンタにおねだりする、 というとてもシンプルなゲーム型キャンペーンサイトになっています。 さらに抽選でおねだりした商品がもらえるので、ぜひぜひ参加してみてください。 さて、今回この記事でご紹介したいのは、 このキャンペーンサイトで使用した「CSSで作る光のアニメーション」の作り方を 簡単に説明し
iPhone4 Retina Display対応のデザインのコツ！
僕はどうやったらRetina Displayが綺麗に表示されるか必死に模索する毎日です。（保護シート含め） ということで、今後のiPhone開発に”必須!!!"のRetina Display対応のデザインデータの作り方のコツについてご紹介します！
面白いサービスをまじめにつくる――カヤック 柳澤大輔 代表取締役CEO
面白いサービスをまじめにつくる――カヤック 柳澤大輔 代表取締役CEO：石黒不二代の「ビジネス革新のヒントをつかめ」（1/2 ページ） 見るからに楽しそうな、クスッと笑ってしまうようなサービスを、次々と繰り出すカヤック。そのパワーとパッションの源はどこにあるのか。海の香りがする古都鎌倉に探りに行った。 1998年、資本金3万3000円の合資会社でスタートした「カヤック」の目覚しい成長ぶりが話題になっています。しかし、カヤックに引かれたのは、その成長ぶりもさることながら、「面白法人カヤック会社案内」などの書籍やWebで知るカヤックの哲学でした。最初に事業のことではなく、価値観の一致する仲間と会社を立ち上げたという柳澤さん。そして、どんな事業をするかよりも、どんな性格の人と働きたいかを優先し、事業戦略よりも組織戦略を先に考えたという、一味違う経営哲学を聞きました。 事業アイデアを決めずしてビジ
東日本大震災に対し、デザイナーができること
東北地方太平洋沖地震にて、募金や各種支援活動がありますが、デザイナーでも出来ることをまとめてみました。 ※こちらの情報は随時更新していく予定です。デザイナーができる活動がありましたら Twitter @barimi 、Facebookページ面白法人カヤック意匠部 、もしくはこちらの投稿フォームよりご連絡いただけると幸いです。どうぞよろしくお願い致します。 #ideaforlife 東北地方太平洋沖地震のため、命のためにできるアイデアを募集しているハッシュタグ。アートディレクターの森本千絵( @morimotochie )さんも参加して活発なやりとりが行われています。 活動のまとめサイト（ポスターやロゴがダウンロードできます。） http://www.ideaforlife.jp/ 節電ポスター http://setsuden.tumblr.com/ 節電を促進するためのポスターが集められた
初めての企画書が、最終選考に残った アイデアの出し方
販促会議賞という企画コンペに出させていただき、ファイナリストに残ることが出来ました！ 本職デザイナーが、どうやって考えて企画を立てたか。思考の足跡をつらつらと書きます。 ちなみに出した企画はこちら。 ただいまWeb投票もしているので、企画見てオモロイ！と思った方は、ぜひ投票お願いしまーす！ まずは販促会議賞ってなに？という人にご説明。 販促会議賞は、いろんな企業から「この商品の販促アイデアを考えて下さい」という感じでお題が出され そのどれかに応募するというものです。 企画をパワーポイントにA4サイズ10枚以内で、容量は5MB以内にまとめてくださいというルール。 誰でも参加可能、いくつでも提出OKです。 今回は、全27社から28課題出てました。 1.まずやったこと どうしたら勝てるか研究しました。 販促会議賞は第2回目だったので、1回目の受賞作品をざざっと拝見。 思ったこと 第１回の優勝者、
誰でもできるiPhoneアプリのプロトタイプのつくりかた【サンプルつき！】
突然ですが、ペーパープロトタイプって知ってますか？ 実演ムービー 今まで気がつかなかった問題に気づけたりと、かなり強力な武器になります！ これをiPhoneの画面で気軽にできないかなー、お客さんに触ってもらったりできないかなーと思ってました。 ピンと来るやつが無かったので、作っちゃいました！ iPhone上で動く フルスクリーン対応（アプリによる） ファイルを開くだけなので、メールで送ったり共有も簡単！ 後からの追加、削除も柔軟に対応可能 デフォルトのUIを使わない場合のテストに真価を発揮します やり方は超簡単なので、今すぐに試すことができますよ！ 簡単なサンプルファイルも最後についてます！ それでは「続き」からどうぞー！ ペーパープロトタイプとは 新しい製品、サービスを開発するとき、スケッチを紙芝居の様に動かしながら、テストユーザーに触ってもらうことで使い易さや機能要求などを開発初期段階
metaタグを追加してFacebookに対応する方法とハマりやすいポイント
Facebook使ってますか？ こんにちわ、ME課の渕上です。 ミーハーなぼくはもうすっかりFacebook中毒です。 Facebookといえば、「いいね！」や「シェア」といった仕組みで、面白いものを友達に共有できる仕組みが特徴的です。 この仕組をうまく使えば、プロモーションやキャンペーンに有効活用できそうですね。 今回は、いつものhtmlに一手間加えて「いいね！」や「シェア」で効果的に露出できるような方法をまとめてみたいと思います。 それでは続きからどうぞ！ 「いいね！」「シェア」をするとFacebook上に何がどう表示されるのか 「いいね！」や「シェア」をすると自分の掲示板やニュースフィードにアクティビティが表示されます。 自分の掲示板 「いいね！」したものは「最近のアクティビティ」という項目にまとめられて表示されます。 よくよく見てみると、記事のタイトルだけのものと、サイト名が入って
【iPhone】デザイナー向けiPhoneアプリ特集！【オススメ】
こんにちは、ウンコの壁紙の携帯をトイレに水没させ、 携帯からiPhoneに変えました。ニシです。 もともと携帯もほとんど使わない私ですが、 iPhoneを一度使ってしまうと、もう手放せないというくらい 便利な機能やアプリが一杯ですね！ 今回は、デザイナー向けのオススメアプリをいくつかご紹介したいと思います。 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ Color Stream 写真に使われている色をカラーパターンにして保存できるアプリ。 そこから自分で編集する事もできたり、写真にして保存することができます。 ★オススメポイント★(○ゝω・)b⌒☆ 今回のデザインのトーンを、この写真のイメージに近づけたいんだけどな〜 って時におすすめ！ 値段：￥350 アプリのダウンロードはこちら！ what the font 画像から使っているフォントを検索
WEBデザイナー向け☆iPhoneアプリのUIデザイン
どーもキンモクセイぷんぷん香る自由が丘からaoizmです。 秋満開！スマートフォンまっさかり！(強引) KAYACでもiphoneアプリ制作のお仕事が増えてきております。 WEBデザイナーがiphoneアプリのデザインをする際に、やっぱり気になるのがWEBとの違い。 画面サイズが小さく持ち歩けるデバイスiphoneは、デスクトップ上のアプリやWEBサイトとは 使用環境もその操作方法も異なるため、WEBとは違ったインターフェイスが求められます。 その違いを認識した上で、違いを活かしたデザインをするためには？ iPhoneアプリのUIデザインまとめてみました。 WEBサイトとiphoneアプリの違い 状況 持ち歩けるがゆえそのシチュエーションもさまざま 「会議で」「合コンで」「移動時」「就寝時」... 状態 そのときユーザーはなにをしている？ 「歩きながら」「話しながら」「運動しながら」...
デザイナは要注目！ 明日から語れるHTML5＆CSS3（1/4）- ＠IT
デザイナは要注目！ 明日から語れるHTML5＆CSS3：一撃デザインの種明かし（13）（1/4 ページ） ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは？ 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか？ これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5＋CSS3に対応するWebブラウザが増えてきたことで、HTML5
意外と使える！？Adobe Bridgeでサクサク画像選び！
大量の画像管理にはBridge いきなりですが、お勧めします。 初めまして、新米のKinoです。 みなさんのアプリケーションフォルダにはきっと収まっているはずなのになかなか陽の目を見ない、このソフト。 僕はたくさんの画像を管理するのに重宝しているんです。 今回は、ちょっと覚えるだけで画像管理にBridgeを使いたくなる機能を紹介しますよ〜 サブフォルダ表示＋ラベリングでラクラク画像セレクト！ 複数ファイルの細部を同時に確認！ 画像セレクトをする人にオススメです それではどうぞ〜 Bridgeってそもそもなんですか？ そういえば、知らない人も多いはず。。 BridgeはAdobe社製のマネージメントアプリです。 単体で加工や編集はできませんが、Creative Suitesの全アプリケーションの仲介役として、ファイルの閲覧や管理を行うことができます その性質から単体での販売はしておらず、他ソ
wonderfl build flash online
世界中のFlashクリエイター・Webデザイナー・Webプログラマーがwonderflへアクセスしている事を、Twitterのつぶやきが証明してくれます。クリエイターがあつまるその規模は、他社の求人サービスと比較しても、決して劣りません。 wonderfl Flash-Jobsでは、下図にあるように、求職者に求める使用言語、使用アプリケーション、歓迎スキルはもちろん、募集するお仕事の制作フィールドや過去の制作実績を紹介し、応募者であるFlashクリエイター・Webデザイナー・Webプログラマーが知りたい情報・条件をできるだけ細かく、ふんだんに提示することが可能です。 通常の採用方法では、応募者のスキルは、本人の自己申告によるものと、採用側の判断によって評価されることが主でした。しかし、wonderfl Flash-Jobsの場合、応募者や応募者の作品がランキング表示されるため、第三者からの
クリエイターにtwitterをお勧めする３つの理由 - 面白法人カヤック的ディレクターブログ
おはようございます！ KAYACディレクター杉政です。 最近、IT業界だけでなく、世の中でも流行るキザシを見せているtwitter。 かくいう私も、良く使う様になったのは3ヶ月程度ですが、 意識的にtwitterを使っていくと、結構メリットがあると感じています。 以下簡単にまとめてみました。 ・アウトプット力 ・コミュニケーション力 ・文章力 http://twitter.com/sugimassa 上記URLは私のつぶやきです。 アイデア、気づきをつぶやいた物が全体の半分くらい。 残りが、 どうでもいいつぶやきと、コミュニケーション、 面白い物みつけた！というつぶやき、 カヤック関連のニュース という感じですね。 こうやって時系列で振り返りが出来るのも、いい所のひとつです。 ■アウトプット力を磨ける 思いついたアイデア、気づき、キャッチコピーなどを 意識的につぶやいていく様にしています。
ProjectDD
最果タヒさんがつむぐ「詩になる直前」の言葉が並んでいるのですが、むしろ展示デザインを担当された佐々木俊さんとの「詩や言葉の、無限大の表現方法を探るインスタレーション展」と言った方がしっくりくる…それくらい言葉の表現方法のバリエーションに触れることができる展示になっています。
爆速!!!"歩く"アニメーションの作り方｜_level0.KAYAC
アニメーションの作業を人に頼んだときに 相手のセンスとスキルを測れる動きがあります。 それが"人の歩行" なぜ"人の歩行"かというと、 ・誰でも毎日見る動きなのでモチーフとして公平。 ・表現するには観察力が必要。 ・自分をモデルに出来る。 ・モーショントゥイーン（クラシックトゥイーン）の特性をある程度理解している必要がある。 という理由です。 そんなセンスとスキルがモロバレになるアニメーションでも、 コツさえつかめば3分で作れる魔法のtippsを今回はご紹介。 ちなみにCS４から今までの "モーショントゥイーン"が"クラシックトゥイーン"になりましたが、 細かい動作が必要な場合には"クラシックトゥイーン"が向いているように思います。 今回紹介するtippsも"クラシックトゥイーン"で制作しています。 前置きが長くなりました。 続きを読む ココがポイント タイムラインをコピーして逆に動く手と
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptは盗んで学べ！ 知識0のデザイナーでもできるjsdo.itの遊び方