UXの効果が数字でわかる！5つのUX KPI : DeNA Creator(クリエイター) Blog
プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ
デザイナー必見！チームで取り入れるべき効果的なスキルアップの方法３つ | 株式会社VASILY(ヴァシリー)
デザイナーがチームで取り入れるべき、効果的なスキルアップ方法をご紹介した記事社内にデザイナーが複数人在籍する場合、チーム内でのデザインクオリティの担保やスキルアップはどのように行われていますでしょうか？VASILYでは、デザインレビューや、インプット、セミナー参加など、チームでも個人レベルでも常に積極的に行いながら制作しています。 デザインレビューやインプットの仕方などは、デザイナー間でもよくあがる話題の一つだと思いますが、今回は弊社デザイナーチームがスキルアップのために実際に行っている効果的な方法を3つご紹介したいと思います。 1. デザイナー全員でのデザインレビュー ■チームとしての課題 スタートアップでは、制作と開発を速いサイクルで回していきながらも、デザインの質と量はどちらも担保していかないといけません。 これまでは、エンジニアへ依頼までの細かい確認と、実装後の確認をデザ
Case study: Blue Bottle sprints with GV
We helped Blue Bottle Coffee design a new website that boosted sales and time on site. Blue Bottle has developed a cult following for their beautiful cafes and exquisite coffee. But their website didn’t represent the brand well, and web sales made up only 10% of their revenue. THE CHALLENGE Translate the hospitality and quality of Blue Bottle to the web. Demystify the process of buying coffee and
Googleのアイコンデザイン思想を学ぶ | ビジュアルシンキング
Googleが公開しているデザイン・ガイドラインのアイコンに関するところを読みました。 Icons – Style -Google design guidelines アイコンのデザイン・ガイドラインの対象は、「プロダクト・アイコン」と「システム・アイコン」の2つがあり、デザインする上で注意を払うことや、原則がまとめられています。 プロダクト・アイコン 「プロダクト・アイコン」はGmailやGoogle Mapなどサービスそのものに用いられ、サービスの特性や違いを伝えるものです。 image by Google システム・アイコン 一方「システム・アイコン」は、ユーザインタフェースに用いられるもの。 「プロダクト・アイコン」と比べて、小さいサイズでの使用、単色での使用の想定が必要。 image by Google 作りの違い 「システム・アイコン」がフラットな作りなのに対し、「プロダクト・
ウェブサービス開発の現場におけるデザイナー不要論と5〜10年後の生存戦略 - 情報建築家 石橋秀仁
本稿では、まず「ウェブサービス開発の現場で、ウェブデザイナーの仕事はエンジニアに奪われつつある」という脅威を語る。次に、生存戦略を考えるヒントとして「分かりやすい生存戦略」を2つ提示する。「アートディレクター」と「フルスタックウェブデザイナー」という2つの生存戦略だ。 なお、「仕事を奪われていくプロセス」と「生存戦略を遂行するプロセス」について、5〜10年程度のタイムスパンをイメージしている。 ウェブデザイナーの仕事がエンジニアによって奪われつつある ウェブサービス開発の現場では、ウェブデザイナーの仕事がエンジニア／プログラマーによって少しずつ奪われつつある。とくに小さな組織や新規事業の現場では。 象徴的なのは「Bootstrapがあればデザイナー不要だよね」論。「もはや社員としてデザイナーを雇う必要はなくて、必要な時にランサーズで発注すればいいよね」「スタイルシートいじったり画像パーツ作
I/O 2014 アプリに学ぶマテリアルデザイン
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン | Goodpatch Blog
はじまり 2010年、私たちはFlipboard Pagesという、Webの記事をiPad向けにマガジンページにするというレイアウトエンジンを作りました。 Flipboard Pagesは、Vanity FairやNational Geographicと言った世界一流の出版社のコンテンツをページ割します。 Pagesは、それぞれの出版社のブランドアイデンティティとカスタムタイポグラフィーを再現する美しいレイアウトを生み出すことが出来ます。限定されたモバイルデバイス（例えばiOS 3.2のオリジナルiPad）でも充実かつ高いパフォーマンスでレンダリングするために、PagesはCSS3、SVG、そしてvanilla JavaScriptを使いました。出版社のレイアウトのためのダウンロードファイルサイズは平均すると、およそレイアウト、スタイリング、フォント、ネームプレートイメージなどで90キロバ
by | n meister | 西武・そごう
世界で活躍するデザインオフィスnendo（代表：佐藤オオキ氏）がデザインを手掛けた、西武・そごうとの共同開発商品です。暮らしの中のちょっとした
デザインの役割からみる「トーン」と「マナー」
こんにちは。デザイナーの山口陽一郎です。 去る2014年2月19日（水）に、株式会社パソナテック様主催のセミナー「クリエイターのためのトーン＆マナー設計」にて登壇させていただきました。 皆さんは「トーン＆マナー」という言葉を耳にしたことがありますか？「トンマナ」と略されることの方が多いかもしれません。その説明の前に、ちょっと寄り道をさせてください。 デザインのふたつの役割とトーン＆マナーの演出 デザインには大きく分けてふたつの役割があります。 1. 機能性を高める これはユーザーにとって製品をより使いやすくしたり、誤操作の危険をなくしたり、迷わないようにサポートするための役割です。 そしてもうひとつが今回のセミナーのテーマとしてとりあげた、 2. トーン＆マナーの演出 です。製品に、それが使われる場にふさわしい属性・キャラクターを付与する役割です。 たとえばレジャーグッズなら「楽しさを想起
世界最高の授業。IDEOに学ぶ「デザイン思考」の真髄──2014.3.7 Night School | ライフハッカー・ジャパン
ライフハッカーのナイトスクール開講。IDEOのデザインシンキングを学ぶ。 優れたデザインとは、グラフィックや造形だけでなく、世の中の問題点や課題を明確にして、解決策を導きだすこと。ある意味では医者やコンサルの仕事にも近いのだと思います。近年、そのアプローチは「デザインシンキング（思考）」と呼ばれています。グラフィックデザイナーやクリエイティブディレクターが広告や雑誌にとどまらず幅広い分野で活躍できるのはそのスキルで社会を豊かにできるから。アップル社の初期マウスやPalmをはじめ、数々の世界的企業との仕事で知られる、デザインコンサルティングファーム IDEO（アイデオ） 。彼らが世界的に活躍しているのもデザインが社会に与える影響力の強さを物語っているのではないでしょうか。 『ライフハッカー［日本版］』が主催するナイトスクールは、いまの世の中のキーパーソンに登場いただき、その仕事術を共有する学
これまで見た中で最も洗練された“お肉屋さん”のパッケージデザイン | PR EDGE
Case: CORELLA Package 総合スーパーがこれだけ広まっている今なお、「お肉はやっぱり専門店（お肉屋さん）で買うのが一番」と言われることはさして珍しいことではありません。 町のお肉屋さんの強みといえば、地元の人達との人間関係や“お肉の品質・鮮度（プロダクト自体）”であり、その点にこだわりぬくお店が多い中にあって、一方で他の小売業ではマーケティングにおいて重視されている“商品パッケージ”を、差別化のポイントにしているお肉屋さんは希少ではないでしょうか。 そんなお肉屋さんの常識を覆すような取り組みを、スペインでお肉とチーズの小さな専門店を営む「CORELLA」が実施しました。マーケティングの一環として、商品パッケージとロゴを地元の広告会社に依頼してリデザインしたのです。 新しいパッケージデザインがこちら。 白と黒を基調としたシンプルなデザインで、“どの部位”のお肉なのかが直感的
気に入ったページはブックカバーにチェック！ | ブレーン 2014年4月号
電子書籍では得られない紙の本の魅力のひとつが、手触りや質感だ。ブックジャケットをつけられるのも本ならではの楽しさ。さまざまな質感を持つ竹尾のファインペーパーを使用し、そこに多彩な印刷加工技術を掛けあわせることで、触って感じる新しいブックカバーを提案していく。 ブックマークになるブックカバー 気になる言葉がたくさん見つかる本には、マーカーやペンで線を引いたり、ページの端を折り曲げて目印をつけておきたくなる。だが、それほど大事な本はきれいに保管しておきたいとも思う...。"本読み"なら、一度は抱えたことがあるジレンマではないだろうか。EDING:POSTの加藤智啓さんが考えたのは、カバーに記された数字と本のページを連動させて使う、ブックカバー兼ブックマーク。読み返したいページを見つけたら、カバーのその数字をマーカーで塗ったり、印をつけていく。読み終われば、世界でひとつのブックカバーが完成だ。
Pixel Perfect Precision Handbook 3
We're excited to announce that the latest Pixel Perfect Precision Handbook is available to download now (PDF, iBook). With over 40 pages of fresh content, as well as updates to what was already there, we've made the third generation of the handbook bigger, better, and more beautiful. So, what's new? Branding and Retina ImagesAt first glance the most obvious change is our new branding — with bold t
Elastic Lacing system HICKIES | AssistOn
靴ヒモが大嫌いな方へ。不意にほどけてしまう。履く度に結び直さなければならな靴ヒモから解放してくれる、新しいシステム。もちろんお気に入りのシューズはそのまま。 靴ヒモ、それは紀元前3500年頃、メソポタミア文明が発祥した時期にはすでに存在していたといいます。靴は素材や形状で、そしてデザインで、大きな発展を繰り返してきました。しかし靴ヒモだけは、目立った変化することなく、われわれ人類を、そしてあなたを悩ませてきました。 靴を履く時、脱ぐ時にいちいち締めたり緩めたりしなければならない。さらに歩行中に不意に外れてしまう。靴ひもを結ぶことが苦手な方、そしてその進歩のなさにイライラされていた方は多いでしょう。 しかし新素材によって、そして新しいデザインによって、このイライラが解決される時が遂にやってきました。まったく新しい「靴ひもを使わない」靴の固定方法。もちろんシューズ本体はあなたのお気に入りのもの
続編/さらにプロっぽくなった！フォントに関するまとめ
作成：2013/11/11 更新：2014/10/24 Webデザイン > 前回フォントや「文字」に関するまとめを書きましたが、書き足りないことが結構あったので、続編を作りました。今回は自分の勉強もかねて、フォントに関する基礎知識、アキ、段組み、詰め、図版などデザインに携わるなら知っておきたい知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 文字の基礎知識 １．文字用語 組版 ２．組版(くみはん) ３．禁則処理 ４．追い込み／追い出し／ぶらさがり ５．段間 行間(レディング) ６．アキ ７．行長 ８．段組み ９．黄金比 詰め １０．プロポーショナル詰め １１．音引き １２．拗音(ようおん) １３．合成フォント 余白 １４．近接と遠隔 １５．版面（はんづら） 図版 １７．図版率 １８．訴求度 文字の基礎知識 １．文字用語 頻繁に出てくる、ちょ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アルゴリズムと伝統技術が実現する「ヴォロノイ畳」のカスタムデザイン #WXD
IBM Design Language
平均律 / HEIKINRITSU
テクネ・ワークス｜テクネ 映像の教室
https://award.muji.net/results/04/result.html