去年の夏、ふと思いたちニンテンドースイッチを購入した。日常的にゲームをするようになったのは中学生の頃以来で、ゲームボーイアドバンス世代の私は今時のゲームの進化に驚きの連続である。 『ポケットモンスター ソード・シールド』『リングフィット アドベンチャー』などの話題作をいくつかプレイしたのだが、グラフィックデザイナーの私としてはUIで使われているフォントが気になるところ。 「ニタラゴ」先述した二作品のUIで共通して使われているフォントが、「ニュータイプラボゴシック」（以下、作者の意向に従い「ニタラゴ」と表記）だ。これはタイプデザイナーの佐藤豊さんが作った仮名フォントで、フォントワークスからは「ロダン」と混植した「ロダンNTLG」、タイプラボからは「ルイカ」と混植した「ニタラゴルイカ」、モリサワからは仮名フォント「タイプラボN」として販売されている。 『ポケットモンスター ソード・シールド』。

Today, we’re excited to share a tool we built to help bridge the gap between designers and engineers working on design systems at scale. React-sketchapp is an open-source library that allows you to write React components that render to Sketch documents. If you’re a designer or an engineer familiar with React, you should feel right at home with the new library, and you can play with it right now. H

この7年の間にTwitterのアカウントを作られた皆さんは、始めのプロフィールアイコンが卵だったのを覚えていらっしゃいますか？これは「卵からスタートし、そこからかえった鳥がタイムラインにツイート（さえずり）をお届けする」という思いを込めてデザインされました。でもそろそろ、皆さんが、ご自分ならではの画像や写真をアップロードしてもっと自己表現したくなってくださるものに変更したいと考えました。そこで、デフォルトのプロフィールアイコンの新しいバージョンのご紹介です。 なぜこのデザインに変更したかを順を追ってご説明しましょう。 これまでブルーやグレー、ホワイトを主な色として使っていたTwitterが、最近、他のカラフルな色も使っていることにお気づきでしょうか？昨年、世界各地からいろいろな情報や考え方が集まるTwitterらしさをより表現できるよう、ブランドをリフレッシュしました。この考え方をプロダク

50カ国以上で店舗を展開する家具販売大手のイケア（スウェーデン）。人気の秘密はデザイン性と価格の安さだ。根底にあるのは「より良い暮らしをより多くの人に提供したい」という発想である。本記事では、食器や調理器具の定番「IKEA 365+」シリーズの開発チームを本国で取材。昨年刷新したIKEA 365+の「ディナーウェア」と呼ぶ食器群は、開発に3年もかけていた。世界中で若者を中心に大きく変わりつつある

こんにちは。デザイナーの池田（id:tikeda）です。6月末までユーザーファースト推進室というデザイナーを中心としたユーザー体験について横断的に責任をもっている室の室長を勤めていました。7月からこのユーザーファースト推進室をなくし役割を各部室に分散させる体制変更を行いました。 ユーザーファースト推進室については、過去のインタビューやブログのエントリーをご覧ください。 はじめに サービス開発では、デザイナー・エンジニアといった職種毎に部を構成し各プロジェクトに派遣するようなスタイル（A）、ディレクター・デザイナー・エンジニアといった役割の異なる職種で部を構成するスタイル（B）、またこの2つを組み合わせたハイブリットのような組織が存在しており、弊社だけでなく開発の現場ではよりよい開発が行われるよう試行錯誤が行われていると感じています。 クックパッドではここ数年、アプリケーションエンジニアは各

dely株式会社のCPO。東京で活動する事業作りを仕事にしているデザイナー / プロダクトマネージャーです。 仕事の依頼はDMで受け付けております。

アプリマーケティング研究所 > アプリ開発 > 自分たちを信じて「つくっては壊して」を6ヶ月くり返した。日本発のゲームアプリ「Brain Dots」世界2,000万ダウンロードの裏側と2つのプレッシャー。 自分たちを信じて「つくっては壊して」を6ヶ月くり返した。日本発のゲームアプリ「Brain Dots」世界2,000万ダウンロードの裏側と2つのプレッシャー。 今回は、世界2,000万ダウンロードのゲームアプリ「Brain Dots」を取材しました。 ※トランスリミット株式会社 CEO 高場大樹さん （スタッフは25名［アルバイト込］で、ビジネス1名［広報・採用］、デザイナー１名、残りはエンジニア） 「Brain Dots（ブレイン ドッツ）」ができるまで。 「Brain Dots」について教えてください。 「Brain Dots」は画面に線を引いて、2つのタマをぶつけるゲームです。201

はじめに NOTE: この記事は以下の条件上で考えた構成です Cocos2d-xでiOS/Android向けのゲーム このアプリは主に3人で作っており、UIデザイナー&グラフィッカー(自分)とフロント&サーバーエンジニア（以下、エンジニアと記述）の2人に絞った構成（もう一人はディレクター&プランナー） UIをどういう風に考えて作ったらいいのかという記事は多いけど、実務上どういうフローや画像管理を経て制作されているという具体的な事例があんまり出てこないので、もっとみんなどうやっているのか知りたい。というのがこの記事を書いた目的です。なので、ここで書いたことに対する質問・意見・自分はこうしている、みたいなことを記事に書いたりフィードバック欲しいなぁ…と思ってます。 個々の環境によってベストプラクティスが変わってくる部分だと思うので、こうすべきという内容ではなく、こういう風にしてみました、という

はじめに この記事はiOS Advent Calendar 2015 - Qiita 19日目の記事です。 昨日はhachinobuさんのMVVMっぽい構成のデモアプリを公開してみるでした。 本日はイースターエッグについて。 イースターエッグとは簡単にいうと隠し機能のことです。余裕のある開発者が仕込んだ粋なお遊びですね。 発見したときはついつい友達に教えたくなります。イースターエッグが仕込まれているアプリおよび実装例について紹介しますね。 イースターエッグの例 まず、イースターエッグが仕込まれているアプリをいくつか紹介しますね。 Google検索 「Google」という名前のGoogle検索アプリです。ロゴ部分をタップすると…！ ちなみにロゴが新しくなる前は、なぞるとロゴがバラバラになりました。 www.youtube.com スーモ 「スーモ」アプリには複数のイースターエッグが仕込まれて

クックパッドの、その「ユーザーファースト」は、どのようにして推進されているのだろう か。ユーザーファースト推進室の倉光 美和さん（HCD-Net認定 人間 中心設計専門家）に聞いた。 クックパッドは、日本最大の料理レシピサービスであるとともに、「ユーザーファースト」を最も重要な価値観と位置付け、徹底してユーザーの方と向き合いながらサービスを展開している企業だ。 サービス産業生産性協議会が発表する「JCSI（日本版顧客満足度指数）」の2015年版では、インターネットサービス部門で、Google や Yahoo! JAPAN を上回り、全指標で1位を獲得、さらに顧客満足度では3年連続で1位など、ユーザーから高い支持を集めている。 ――ユーザーファースト推進室というのは、どのような部署なのでしょうか クックパッドは社員の行動指針として「ユーザーファースト」であることを掲げています。「提供している

by ライブドアニュース編集部 ざっくり言うと 24日の「！」でが、の新エンブレム募集に言及 「幅広くって言いながら、パソコン使えない人は応募できない」と指摘した 「手書きじゃだめなんだよ」とデザイン自体をPC上ですることを強調していた この記事を見るためには この記事はlivedoorNEWSアプリ限定です。 (アプリが無いと開けません) 各ストアにスマートフォンでアクセスし、 手順に従ってアプリをインストールしてください。 関連の最新ニュース 記事時間 記事時間 記事時間 記事時間 記事時間 記事時間 記事時間 記事時間 記事時間 記事時間 記事時間 記事時間 記事時間 記事時間 記事時間 記事時間 記事時間 記事時間 記事時間 おすすめ記事 ランキング 総合 国内 政治 海外 経済 IT スポーツ 芸能 女子

作った経緯 私はIT系の勉強会に時々参加しているのですが、そこでエンジニアの人たちから 「keynoteテーマ作るのめんどい」 「某keynoteテーマすごい便利だけど、前に発表した人とかぶるの恥ずかしい」 という意見を非常に多く頂きました。ので、それを解決するべく初めてテーマを作ってみました。 Lemonadeテーマサンプル サンプルスライドを作ってみました。 Lemonade-original keynote theme. from Meyco U フォントについて Futuraとヒラギノ角ゴW3で指定しています。 どちらもMac OSX のデフォルトフォントです。 というか、本当にはヒラギノW5で指定したいんだけど、方法がわからずそのまま。 解決方法があれば教えて下さい。 色について 気になる部分は随時変えてください。 初めてkeynoteテーマ作ってみた知見 keynote、なんで

海外事業向けのiOSアプリケーション開発を担当している西山(@yuseinishiyama)です。クックパッドは現在、海外複数カ国に向けてサービスを展開しています。 XcodeにはInterface Builderと呼ばれる、リッチなGUIを持ったデザインツールが付属しており、これを用いて画面のレイアウトを構成することが主流となっています。弊社ブログでも、iOS開発でstoryboardとxibをうまく使い分けるプラクティス等の記事で、GUIベースのレイアウトについて触れています。しかし、現在私が担当しているプロジェクトでは、Interface Builderを用いずに、レイアウトの大半をコードで記述しています。 今回は、コードベースのレイアウトを実装していく中で得た知見を、以下の3つの部分に分けて共有したいと思います。 Interface Builderを用いたレイアウトとコードベースの

Yahoo!ニュースとエンジニアtypeが「『公共性×編集×テクノロジー』～ニュースメディアに求められる使命に、開発者はどう応えるのか～」と題した勉強会・交流会を9月17日に開催しました。後半のディスカッションでは、Yahoo!ニュースと日本経済新聞のアプリ担当者が、ニュースアプリに求められるUI/UXとは何かを語り合いました。 ⇒前半のディスカッションはこちら：【編集×テクノロジー】激戦のプッシュ通知　Yahoo!ニュースアプリの「苦い」1日 登壇者は、日本経済新聞の電子版アプリを監修したUIデザイナーの深津貴之さん（THE GUILD、写真左から2番目）、同紙デジタル編成局編成部の重森泰平次長（左から3番目）、ヤフー ニュース事業本部のUIデザイナー宇野雄（左から4番目）。モデレーターはエンジニアtypeの伊藤健吾編集長（1番左）。あわせてエンジニアtypeの記事「ニュースアプリ「究極

Photoshop and Sketch templates of GUI elements found in the public release of iOS 9. Go make good stuff. Most people find this file useful for mocking up apps. Others use it to concept ideas or create custom interface elements that work harmoniously with those native to iOS. Whatever your use, we hope you make good stuff with it. New to this app design thing? You may want to become acquainted with

フラットデザインに最適なフラットアイコン素材がフリー（無料）でダウンロードできる「FLAT ICON DESIGN」。 WEBデザインやDTP他、PPTなどでもすぐに使える商用利用可能なアイコン素材。利用規約はこちら ファイルのフラットデザインアイコン ノートのアイコン素材 あざらしのフラットアイコン 博士のフラットアイコン素材 はさみのフラットデザインアイコン ハンマー（とんかち）のフラットアイコン ドル袋のフラットアイコン素材 無料の暴れ牛のフラットアイコン素材 スペースシャトルのフラットデザインアイコン ギリシャのパルテノン神殿風のフラットアイコン 目玉のアイコン素材 にわとりのフラットアイコン素材 計算機のフラットアイコン素材　その2 コーヒーカップのフラットアイコン素材 バッファローのフラットアイコン 乳牛のフラットアイコン 海外の大学帽子のフラットアイコン おさるさんのフラット

任天堂のWii Uソフト「Splatoon(スプラトゥーン)」。発売から1カ月ほどで世界累計販売本数が100万本を突破するなど、非常に勢いのあるスタートを切った同社の新規タイトルは、「マリオ」「ゼルダ」などの歴史あるゲームタイトルと比べると「やんちゃ」に映るキャラクターデザインや、インクの鮮やかな色選びなど、ビジュアル面にも目を惹くものがある。 また、筆者自身、このゲームを始めたある知人のデザイナーから、「Wii U本体と一緒に買ってでもやるべきだ」と猛烈なプッシュを受けた。買う前に評判を調べたところ、このゲームに熱中し、日々インクにまみれた生活をしているクリエイターは結構いる、ということが分かった(そしてミイラ取りがミイラになる格好で、筆者も現在進行形でプレイしている)。 そこで今回、スプラトゥーンをプレイしているデザイナーやイラストレーター、サウンドクリエイターなどの協力を受け、彼らが

池田 高校のときにパソコン通信をやっていて、ニフティに興味を持っていたのと、デザインとテクノロジーの合いの子みたいな領域に興味があったんです。それでデザインとか制作をやりたくて、プロバイダーの会社とか制作会社でアルバイトをしていました。その中で制作だけではなく、サービスの企画をすることと両立ができる方が面白いと思い、就活時にプロバイダーを中心に受けて、ニフティに入ったという感じですね。

SVG（Scalabe Vector Graphics）の世界は魅力的です。そして、これを使ってできることや、これに用意されているオプションには圧倒されてしまうほどです。 SVGはXMLベースの2次元ベクター画像形式で、インタラクティビティとアニメーションをサポートします。言い換えると、SVGは図形やグラフをレンダリングするXMLタグで、その図形やグラフはHTMLの構成要素がそうであるように、インタラクトしたりアニメーション化したりできるのです。 SVGに関して、私がよく受ける質問の1つは、SVG画像のアニメーション化についてです。そのやり方だけではなく、それが何なのかということも聞かれます。ですから、現在の（そして未来の）SVGアニメーションの状況を見ながら、あなたが苦痛を感じずに行えるようなヒントやツールについてお話ししましょう。 同期マルチメディア統合言語、またの名をSMIL（Syn