配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki Ikeda｜note
どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね...」と土屋さんに非常に悲しいリアクションをされてしまったので別の方法で気を引くことをオススメします。 というわけで今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオ
これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ
Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく！ 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1
Belajar Bahasa Inggeris Online 2022 (Kelas English 1-to-1)
Kalau anda teringin nak fasih English, boleh belajar Bahasa Inggeris online dengan kami. Kelas dijalankan menggunakan Zoom / Google Meet. Kelas Bahasa Inggeris Online Ini Khas Untuk Orang Dewasa Yang Faham English, Tapi Bila Speaking: Ayat Berterabur, Grammar Hancur Dalam proses nak fluent English, kenapa mesti malu? Kami di JomEnglish Academy faham, anda nak sangat cakap smooth dan rasa confident
身の丈にあった問題を通して、デザインを学ぶ - Kamihira_log at 10636
先日の演習の時に同僚と雑談していて、気になったことをメモ。 最近は「デザイン思考」ブームも一段落しているが、いろんな分野でデザインを学びたい人はまだまだとても多い。そういった状況の中で教育者側が初心者向けのデザインの授業を持つ時に、デザイナ—たちが職業の中で確立して来た「知識」を教えることが中心になってしまいがちなところがある、ということについて。 デザイナーが教壇に立つ場合も教育の専門家ではないことが多いわけで、専門の知識を伝えることについて何か問題があるのかに気がついてない人も多い。 部外者からはセンスと思われているデザインも実はさまざまな形式知の固まりである。例えばグラフィックデザインの場合で言えば、色使いの基本や書体の文字詰め、画面の力学など、洗練された画面を構築するセオリー。それから、デザイナーたちが手がけたデザイン事例。こういったものはお手本として具体的な例が示されているので紹
デザイナーとノン・デザイナーの境界に橋をかける―Adaptive Pathのデザインディレクターが伝えたこと | Biz/Zine
2016年1月23日、慶應義塾大学日吉キャンパスにて、Service Design Japan Conference 2016が開催された。同会議は様々な事業分野に広がるサービスデザインの実践の現状を把握し、今後の課題を探ることを目的としたもので、日本での開催は3回目。本レポートでは、「デザイナーとノン・デザイナーの境界に橋をかける」と題した基調講演の模様をお伝えする。 社外パートナーから社内パートナーとしてのサービスデザインチームへ 基調講演に登壇したのは、米国を代表するサービスデザインエージェンシーの1つ、サンフランシスコを拠点とするAdaptive Pathのデザインディレクター、ジェイミン・ヘジマン氏。同社におけるサービスデザインの現場の経験をもとに、デザイナーとノン・デザイナーによる共創プロセスのあり方についてアドバイスを提供した。 Adaptive Pathは、01年の設立以来
2016年、テック界のデザインテーマ8つ
早いことでもう年末ですね。 どうも、タクミカイです。今NewsPicksというサービスのデザインをしています。 2016年、個人的に熱くなりそうなテーマ８つを書き起こしたいと思います。1テーマ１記事付きでお送りします。 年末年始のお酒のつまみにでもなれれば、とても、とても光栄です。 それでは、どーぞ！ この記事は「UI Design Advent Calendar 2015」21日目の記事です。 ▽8つのテーマ×リスト 1. プロダクトシンキング 2. 通知のパーソナライズ 3. No UI 4.ナビゲーションUI2.0 5.モバイル×動画デザイン 6.”ストーリー”デザイン 7.VRデザイン 8.脱”UI”デザイナー 1. プロダクトシンキング1機能＝1UIの側面だけでデザインを考えることから脱し、プロダクト全体の視点でデザインしていく必要が高まると思っています。なぜなら、様々な勉強会で
より良いデザイン批評をするための質問
デザイナーや開発者であれば、アプリや Web サイトを見ると何かしらリアクションがあると思います。「かっこいい」「面白い」「使いやすい」といった感想は、口に出さなかったとしても考えることです。第一印象から生まれる感覚は大事ですし、常に身の回りにあるデザインに意識を向けることは良いことです。しかし、そうした感情的なリアクションがデザインに対する良い批評にならないことがあります。 批評やフィードバックは、現行のデザインをさらに良くするために行われます。「これは使いにくい」はひとつの感想ではありますが、次のステップのための道筋とは言えません。それが誰にとって、なぜ使いにくいのかを共有しないままでは意図が伝わっていないようなものです。むしろ、使いにくいものを作ってしまったデザイナー個人への批判に聞こえてしまう恐れもあります。デザイナー自身も、すべてのフィードバックが個人に向けられているものではない
守ってはいけない、iOSのデザインルール4つ
ページコントロール（ドット）、ページトップの「送信」、プラス（＋）アイコン、並べ替えアイコンの4つは、テストでユーザビリティ上の問題を引き起こすことの多いiOSデザインパターンである。 4 iOS Rules to Break by Aurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade on July 9, 2015 日本語版2015年8月31日公開 巨大ソフトウェア会社（たとえば、AppleやMicrosoft、Google）はユーザーとデザイナー双方のためにデザインガイドラインを作成している。 おかげで、デザイナーや開発者側は、恵まれた条件のもとで、きちんとしたものになることが期待できるインタフェースの作成を始められるようになり、まったく新しいUI要素を考案する（そしてテストする）必要がない。 一方、ユーザー側も、すべての
アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点（スライド付） | ベイジの社長ブログ
スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。（以降、両者をガイドラインと略します） スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14％しかなく（comScore調査／2014）、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは
制作事例紹介：Misoca iOSアプリ
今年手がけたお仕事の紹介です。 少し前になってしまいますが、8月にMisoca(ミソカ)様のiOSアプリのUIデザインをTHE GUILDにご依頼いただき、今年THE GUILDにジョインした@nobtakaと2人で担当させていただきました。 Misocaについて Misoca様は名古屋を拠点に、Web上で請求書の作成・処理が行える無料サービス「Misoca」を運営し急成長している企業です。 個人事業主やフリーランスの方には手間と時間がかかる、顧客に請求書を送る業務を全てオンラインで行う事が出来る非常に便利なサービスなので、THE GUILDメンバーを始めフリーランス界隈ではMisocaファンが数多く居ます。 元々はWebだけで運営されていたのですが、例えばヘアメイクやスタイリストの方など普段の業務でPCに触れる機会が少ないユーザーにもリーチすべく、iOSアプリの開発が企画され大変光栄にも
『「AWA」のデザインはどのようにして作られたのか。』
こんにちは。 AWAでアートディレクション／デザイン／ブランディングを担当しているムロハシと申します。 今回はAWAのUIデザイン、インタラクションがどのようにしてつくられたのか、 先日行った「 メディアプロデューサー養成講座」の講義内容をベースに、 簡単ではありますが書いていきたいと思います。 「AWA」とは？ AWAとは、ひとことで言うと 「登録なしですぐに音楽が聴ける定額制の音楽配信アプリ」です。 サービスの特徴として第一にあげられるのは、 ・好きなアーティストを聴くだけでなく「プレイリスト」を軸に、自分の好みにあった音楽が「リコメンド」されること リコメンドを通じて「昔好きだったあの曲」や「まだ知らなかったけど好きな曲」を一人ひとりにパーソナライズしてお届けしています。 そのほかの詳しい説明は プレスリリースをご覧いただければと思います。 インタラクションモックの重要性 AWAの初
Private Presentation
Private content!This content has been marked as private by the uploader.
デザインがビジネスに与える影響 〜収益週200ドルのAirbnbが急成長した秘訣とは〜
ここ数年で”デザイン思考”や”デザイン的プロセス”といった言葉を度々聞くようになったように思える。 しかしながら、実際にデザイン思考をビジネスに取り入れ、上手く活用出来ている企業はまだまだ少ないのではないだろうか。 そもそもデザイン思考とはWikipediaの定義によると、 “デザイン思考とは不明確な問題を調査し、情報を取得し、知識を分析し、設計や計画の分野でソリューションを選定するための方法およびプロセスを指す。” と書かれていることもあれば、 “デザイン思考（Design Thinking）とは、人間中心デザインに基いたイノベーションを起こすための、主として非デザイナーを対象とした発想法である。” と書かれていることもあるなど、書いている本人もよく分かっていない可能性が高い、極めて抽象的な概念である。そこで、デザイナーによって創業されたAirbnbでどのようにデザインがビジネスに影響を
デザインスプリントとブルーボトルのプロトタイピング（翻訳）
本記事は、最近日本にも上陸したBlue Bottle Coffeeが行ったデザインスプリントについての翻訳記事である。（オリジナル）。デザインスプリントとは、Googleの投資部門Google Venturesが投資先に行うデザインワークショップ。Googleはオンラインでの売り上げが伸び悩むBLUE BOTTLE COFFEEと彼らのエージェンシーに対し、一週間のデザイン／プロトタイピングワークショップを行い、大きな成果を出した。以下、そのプロセスとなる。 BLUE BOTTLE COFFEE 私たちはブルーボトルコーヒーの新しいサイトデザインを手伝い、売り上げと滞在時間を伸ばしました。 ブルーボトルは美しいカフェと精緻なコーヒーにより、熱狂的なファンを生み出しました。しかし彼らのサイトは、そのブランドを表現しきれず、ウェブによる売り上げは全体利益のたった10%でした。 チャレンジ ブル
「個」から「集」のデザイン
「emosi」の開発フローを通して、チームでデザインすることの重要性や仕組みづくりのポイントについてお話します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
第四次産業革命とデザインの役割
フロントエンド開発の未来はデザインそのもの | TechCrunch Japan
デザインにおいて大切な「字詰め」について | Swings
デザイナーの私と サービスをつくる私
Redirecting…
