ペンとふせんで！スマホUIのアイデアプロトタイピング - クックパッド開発者ブログ
検索事業部のデザイナー倉光です。 今回は、開発現場でアイデア発散フェーズにやっていることの一例を紹介したいと思います。UIデザインの手法として比較的知名度は高く、デザイナー以外でも学びたいという要望も多い「ペーパープロトタイピング」についてです。 前提として プロトタイピングにはフェーズと目的に応じて 様々な手法がありますが、今回は「小規模チームでアイデアをぽんぽん出し、伝え合うためのプロトタイピング」の話です。ユーザーに実際に評価してもらうためのプロトタイプの作り方についてはこの記事では割愛させていただきます。 また非デザイナーの方は「いやいや、デザイナーじゃないと画面なんてうまく書けないよ…」と躊躇してしまうかもしれませんが、本記事では社内のディレクター/エンジニア/インターン生が書いた成果物も掲載していますので、そちらも参考になると思います。 目次 目次 1.ペーパープロトタイピング
Apple、Googleに続くデザインガイドライン、『Microsoft Design』について | DeNA DESIGN BLOG
こんにちは、今年度に新卒入社したデザイン戦略室デザイナーの貴島と申します。本稿ではデザインガイドラインに焦点を当ててご紹介をしたいと思います。 私達がアプリの設計をする上で最初に行うべきことは、プラットフォームのデザインガイドラインを理解・熟知することでしょう。 Apple社は『iOSヒューマンインターフェイスガイドライン』、Google社は『マテリアル デザイン』といった独自のデザインガイドラインを設けており、プラットフォーム上のアプリに対してデザインガイドラインに沿った設計を推奨しています。 またデザインガイドラインは端末毎の差異を含めて画面構成が設計されているため、結果的に各OSに合わせた最適なユーザーインタフェイスの設計を可能にします。 ( ※マテリアル デザイン』日本語版のガイドライン(PDF形式)が先日公開されました。 ) マテリアル – 日本語 - Material Desi
優れたロゴを構成する5つの要素とは？
ZEPPELIN ドイツ腕時計ブランドの"ZEPPELIN"とのコラボレーションウォッチパートナ... 詳細を見る
「いらすとや」はベジェで描いてる？1日10枚更新できる理由
無料イラスト素材サイト「いらすとや」が大人気です。 webサイトはもちろん、自治体のポスターやチラシなど街のあちらこちらでも見かけるようになりました。 人気の理由は使いやすさと品質の高さです。 さらに種類も豊富で今でも毎日10枚（！）ほど追加されています。 一体なぜここまでハイペースにイラストを描くことができるのでしょうか？ 今回は「いらすとやの中の人」ことみふねたかしさんの制作技術に迫っていきます。 Tweet 汎用性の高いすぐれたフォーマット みふねさんのイラストはとてもシンプルです。 シンプルですが特徴があり、知っている人が見れば「『いらすとや』だ！」とわかります。 こういった理由から数多くのファンアートも描かれています。 なかよし三人組のイラスト pic.twitter.com/AxVJOfX4NV — 村上 ヒサシ (@M_hisashi) 2016年9月29日 人数が減ってしま
絵が上達する本！びっくりするくらいなんでも描けるようになる絵本をご紹介（子供・初心者向け絵の描き方）｜ピクセルのすばこ
エンバリーおじさんのお絵かき絵本のすごいところ ３つ （１）絵がシンプルなのに、ポップでキュート 単純に真似するだけでも、かわいいものができちゃいます。 ただのシンプルな絵じゃないってところがすごいです。 （２）単純な記号のくみあわせでほとんど描けちゃう ほとんど、〇 △ × ｜ ＝ ・の組み合わせです。 むずかしいパーツはありません。 これらの組み合わせでいろいろなものが描けちゃいます。 絵心無い人でも描けちゃうところがすごい。 （３）絵の描き方が書いてあるから、絵が描きたくなる この絵本を見ていると、絵が描きたくなります。 シンプルだから自分でも描けそうって思えます。 そして絵を描くのが楽しいこと！って思わせてくれるところがすごい。 絵の描き方絵本 こんな人にオススメ！ もっとイラストの練習をしたい、初心者さん イラスト練習している初心者さんにはとってもオススメです。 エンバリーおじさ
BALMUDA The Pot | バルミューダ
小さくて美しい電気ケトル 電気ケトル BALMUDA The Potは、毎日使いたくなる 今までにない美しいデザインの電気ケトルです。
ご訪問ありがとうございます。—前田高志
このブログは役目を終えたので閉鎖しました。 永らくご愛読いただき本当にありがとうございました。 2016年2月。任天堂を退社し、まずやったことは文字で「デザインの力」を伝えることでした。 長年ゲームの魅力を伝える仕事をしてきました。これからはデザインだ。どうせ書くなら出し惜しみなし、誰も書かないことを書こう。 次第に「デザインってすごいんですね」と言ってもらえることが増え、デザインを志す方、デザインが好きな方、お仕事をご一緒する人とたくさんつながりを持てました。 今も個人のnoteも続けていますし、株式会社NASUと前田デザイン室の仲間とともにプロダクトやプロジェクトを起点に情報発信を絶え間なく続けています。 これは、このブログを立ち上げた時の気持ちと一切変わりません。 「デザインの力を伝える」 ただ、この１点です。 引き続き、これからも応援よろしくお願い致します。 デザイナー 前田高志
UI/UXデザインは「プロトタイプがないと話にならない」- 「Adobe XD」を使った"最強のデザイン手法"
アドビ システムズ主催のクリエイター向けイベント「Adobe MAX Japan 2016」が9月2日、開催された。 これは、米サンディエゴで行われている本家イベント「Adobe MAX」を日本のユーザー向けに開催するもの。イベント当日は多種多様なセミナーが行われたが、本稿では「プロトタイプで舵を取れ！Adobe XDを使った最強のUI/UXデザイン手法」と題して行われたセッションの模様をお届けする。 "ハードルは高くスケジュールは短い"Webの現場 同セッションのスピーカーは、ビジネス・アーキテクツのデザイナーの荒木脩人氏。荒木氏が所属するビジネス・アーキテクツは、ウェブサイトの構築を中心に、コンテンツ開発からデータ解析、調査、分析、最適化まで行うデザイン会社。じぶん銀行や森ビル・六本木ヒルズのウェブサイトやauもモバイルサービスアプリなどが代表的な作品だ。 そんな中、2012年に同社に
ボタンデザインの歴史と進化から学ぶベストプラクティス
ボタンは私たちにもっとも身近な、ごく普遍的なインタラクション要素です。とてもシンプルなUI要素でありながらも、ここ数十年でそのデザインは大きく変化しましたが、いつの時代も大事なのはその明確さと認知性でした。 この記事では、ボタンデザインの進化を振り返り、効果的なボタンを作るための方法論について見ていきたいと思います。 スタイルの進化 立体的なボタン 昔からOSのボタンデザインは、周りの要素からボタンを見分けるためにレリーフとシャドウを使ってきました。 なぜこのデザインなのかというと、シンプルな原理が基本となっています。ボーダー、グラデーション、ドロップシャドウを使用して背景とコンテンツに対してボタンを引き立たせ、クリックできる要素だということを簡単に識別できるようにしているのです。
DESIGN ARCHIVE vol.3｜迷ったときにすぐに役立つ！配色デザインアイデア|haconiwa
色の組み合わせがカンタンにできる！おすすめ配色パターン こんにちは。Keinaです。 デザインの基本といえば、配色デザイン。 学生の頃に色彩論を勉強したことがあるんですが、 色について知れば知るほど、デザインするのが楽しくなりました。 本日は、なんとなく色を選んでしまっている初心者さん、ついつい好きな色にかたよりがちの方のために、 迷ったときにすぐに役立つ！配色デザインアイデア3つをご紹介します。 01. 写真の配色から色を探してみよう 日常や旅で撮る写真には、必ずいい色が隠れていることが多いです。 撮った写真をPhotoshopで開き、ドキュメント内から好きな色を探して「スポイトツール」で直接クリックするだけで色が抽出できます。自分のパレットに思い出の色をプラスするのも楽しいものです。 春色を選びたいとき 春に咲く「花」の写真を使って色を選んでみましょう。 （ 権現堂桜堤の桜 #f0d7
デザインの伝え方
クライアントや上司、チームメンバーなどデザインを取り囲むステークホルダーにデザインの意図を正しく伝え、承認や合意を得ることは最適なUXを実現するうえで必須です。本書は、デザイナーが、デザイナー以外の人に、デザインに関わる様々な事柄を効果的に説明できるようになるための考え方やテクニックを紹介します。コミュニケーションの重要性、ステークホルダーの視点の理解や心情に寄り添う意味、デザインの狙いを明確にする作業、ニーズを聞き出すためのコツなどを詳しく説明します。 デザインが承認されるまでの手順や合意しておきたい事柄を順を追って解説しているため、デザイナー以外の人にも役立ちます。日本語版付録として、ヒーウォン・チョイ氏による「最小限のドキュメントで理解を最大限に深める」を収録。デザインの有効性を実証するスキルを身に着け、組織としてベストなUXを実現したいと考える人、必携の一冊です。 翻訳者によるサポ
プロダクトを成功に導く！デザイン理解のある組織のつくり方｜filler×シロク×エウレカ×ザッパラス | キャリアハック（CAREER HACK）
「“デザイン”を、デザイナーの特殊能力にすべきではない」という考えのもと開催された『Service Design Night vol.02』。ユーザーファーストなプロダクト開発を牽引する組織づくりのカギとなる「デザイン思考を共有する」とは一体どういうことなのでしょうか？ “デザイン”を組織に展開・浸透させていくために。 プロダクト開発、そしてグロースにおいて、デザイナーの果たす役割は大きくなっています。しかし、デザイナーだけでプロセスのすべてを担うことは当然不可能。エンジニア、マーケター、セールス、CSなど、複数のポジションとの連携が必要です。 では、組織においてデザイナーの果たすべき役割とは何なのでしょうか。そして、デザイン思考を組織に浸透させてユーザーファーストなプロダクトを開発するためには、どのようにコミュニケーションを図っていけばよいのでしょうか。 そういった疑問を解決すべく、「”
常軌を逸したランボルギーニの限定モデル──チェンテナリオ ロードスターがデビュー
今年2016年は、ランボルギーニの開祖フェルッチオ・ランボルギーニの生誕100周年にあたる。この記念すべきジュビリーイヤーを祝うべく、ランボルギーニ・アウトモービリ社はこの春のジュネーヴショーにて「ランボルギーニ チェンテナリオ（Centenario：百年祭）」を発表。まずは同会場にてクーペ版のみがワールドプレミアに供されたが、この段階で既にロードスター版の存在も公式に表明していた。 そしてこの8月19日、米国カリフォルニア州モントレーで毎年恒例の「モントレー・カー・ウィーク」に際して開催されるコンクール・デレガンス「The Quail, A Motorsports Gathering」にて、まだ発表されていなかった「チェンテナリオ ロードスター」をワールドプレミアさせることになった。 ランボルギーニ・チェンテナリオは、クーペ／ロードスターともに、量産モデルの「アヴェンタドール LP700
デザイナーが実践してきた『誰にでもできる』センスの磨き方 | OMGmag
デザインを仕事にしていない人たちにとっても、クリエイティブな思考が求められる機会が増えてきました。 いわず物がな、クリエイティブ思考の原点は「センス」です。ぼくはデザイン業界に身を置いて約10年になります。学生時代から含めると、さらに長い時間クリエイティブ分野に触れている事になります。 「私にはセンスが無いから…」デザインの現場で働いていると、お客様からたまにこんな言葉を聞きます。センスというとクリエイターに与えられた特別な力と認識されている方が多いですが、何も特殊な能力ではありません。 センスとは何か？ まずは「センス」の言葉の意味を理解するところからはじめます。 senseの意味を調べると １ 物事の感じや味わいを微妙な点まで悟る働き。感覚。また、それが具体的に表現されたもの。「文学的な―がある」「―のよくない服装」「バッティング―」 ２ 判断力。思慮。良識。「社会人としての―を問われ
根拠や成果を超えたデザインに思いを馳せる
人間中心設計だけでは見えないこと 今では見なくなりましたが、ひと昔の MacBook Pro や Power Mac の本体側面にあるスリープインジケーターや電源ボタンは、スリープ時に点滅をしていました。これがただの点滅ではなく、まるで人が眠っているときの呼吸のような動きをしていました。Apple はこの点滅のデザインの実現のためにコストをかけ、特許も取っています。 Apple 製品は小型化・薄型化が進んでいるので、こうした『演出』が少なくなっていますが、今振り返るとスゴいなと思うわけです。誰も気にしないディテールに拘るという点はもちろんですが、製品に実装してしまっていること自体がスゴいなと。 最近は「利用者のニーズを引き出して、実装しましょう」「そのデザインに効果があったか数値化しましょう」という文脈の中でデザインが語られることが多いわけです。たぶん、そうした中で「電源ボタンを人間の呼吸
Webデザインの没個性化と認知容易性 | ベイジの社長ブログ
Webサイトのデザインは紙のデザインと異なり、技術的な制約が強く、特に最近は様々な環境（デバイス、ブラウザ、画面サイズ、屋内・屋外など）での閲覧に対応できることを求められます。そのため、戦略から要件、コンテンツ、機能と論理的にデザインを決めていくと、どこかで見たことあるような没個性なデザインになりやすいものです。（注：ここでいうデザインは視覚的なデザインを指します） マルチデバイス、マルチブラウザが進み、レスポンシブWebも選択肢の一つとして一般化した昨今では、Webデザインの没個性化はますます進んだ印象があります。例えば、Googleが公開しているマテリアルデザインのガイドラインを見ても、デザインのパターン化と属人性排除の思想を如実に感じることができます。また、データドリヴンなサイト改善を積極的に行っていくと、「デザインの個性」と成果に大した因果関係がないことを痛感します。 没個性なデザ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【更新】「後から影を足す」日本人と「後から光を落とす」西洋人で絵の影の表現方法が違う！絵のみならず映画や舞台、模型やゲームでも
Open Color
未来は「オープン」と「デザイン」を求めている：ジョン・マエダ、WordPressへの転身
ロゴデザインの流れは「シンプルな3D」へ：ギャラリー