こんにちは、Ubie株式会社のプロダクトデザイナー 永尾です。 先日、マネーフォワードさん、弁護士ドットコムさんが企画されたDesign Management Popsに登壇してきました。初回ということで探りながらの開催でしたが、いろんな会社のデザイン組織のリーダー/マネージャーが集い、それぞれの悩みや取り組みなどが聞けるとてもレアな会でした。僕はパネラーの1人として参加しました。この記事では、自己紹介&パネルディスカッションコーナーでお話ししたことを改めてまとめて紹介します。 自分はUbie株式会社のUbie Product Platformという、事業・プロダクト開発を担う組織に所属しています。ホラクラシーを採用している組織で、マネージャーが存在しません。マネージャー職では無い自分が Design Management Pops に参加したのは、ホラクラシー組織における「マネジメント」

フラットインタフェースでは弱いシグニファイアがよく用いられる。クリックできることの手がかりを比較するアイトラッキングの実験では、ユーザーは、シグニファイアの弱いUIのほうが強いものよりも多くの労力を必要とした。 FlatUI Elements Attract Less Attention and Cause Uncertainty by Kate Meyer on September 3, 2017 日本語版2018年1月24日公開 デジタルインタフェースでは、フラットデザインが人気だが、それと並行して、シグニファイアが不十分になってきている。近年、多くのUIで、ユーザーがクリックできるものだと理解するために頼っている知覚可能な手がかりがはぎ取られ続けてきたからだ。 今回、我々はインタフェース上のユーザーの目の動きを追跡して視覚化するアイトラッキング装置を使い、クリックできることの強いシ

次期OS Xこと「OS X 10.10」(仮称)では、ユーザーインターフェイスが刷新されると噂されていますが、The Vergeのフォーラム「APPLE CORE」にて、OlivierDud氏が、「iOS 7」のようなフラットデザインを採用した「OS X」用テーマ「iOS 7 forMac」を公開しています。 そのテーマのスクリーンショットが下記画像で、Dockや各種アイコン、メニューバー、Finderのツールバーなどがフラットデザイン化されています。 なお、このテーマは「flavours」というテーマ変更アプリを利用する事で使用可能で、アプリ自体は19.90ドル(約2000円)となっています。 (訂正) 当初コンセプト画像としてお伝えしていましたが、テーマであった為、記事タイトルと内容を訂正させて頂きました。 また、過去にも同様のコンセプト画像が公開されており、是非そちらもご覧下さい。

無料で資料をダウンロードSEOコンサルティングサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> 良いか悪いか別にしろ、Appleの採用で一気に普及が進んだフラットデザイン、改めて「歴史に残る者が勝者」だなぁ、と勝手に達観してしまった私ですが、さて今回はそんなフラットデザインに関する歴史と現状をコンパクトにまとめてくれた素晴らしい記事をThe Next Webから。 —SEO Japan 最近、ウェブデザインに関する話題になると、必ず「フラットデザイン」と言う用語を耳にする。フラットウェブデザインのトレンドは、ここ数年、確かに注目を集めている。有名な企業が、デザインの美学をフラットに変えたことが、このデザインの人気に火を付けたようだ。 しかし、フラットデザインは、どのように

A community of product makers who've come together to learn how tobuild strong brands and grow successful businesses. Attendees sharing stories at our 2013 conference. SethGodin speaking at our 2013 conference. SethGodin speaking at our 2013 conference. SethGodin speaking at our 2013 conference. SethGodin speaking at our 2013 conference.
こんにちは、UI デザイナーの荻野です。 前回に続き、弊社UI デザイナーの吉竹が共著した本が出版されましたのでご報告させていただきます。 発売されたのはこちらです。  iOS フラットデザインの作法 泉本 優輝 (著), 吉竹 遼 (著), 津守 優 (著) / 価格:¥3,045Amazon で購入 | 楽天 BOOKS で購入 目次 Chapter 1 フラットデザインを読み解く 1.1 フラットデザインの由来、そして未来 1.2 デザイン要素としてのFlatUI Chapter 2 iOS 7のフラットデザイン 2.1 さまざまなフラットデザイン「FlatUI」 2.2 iOS 7はフラットではない Chapter 3 iOS 7のタイポグラフィ 3.1 タイポグラフィの基礎 3.2 iOS 7につなげるためのタイポグラフィ 3.3 グリッドシステムとマージン 3.4 ア
この記事は以下に移転しました。 http://lambda-structure-design.jp/lab/ios7-is-should-not-called-flat-design/
iOS 7でデザインがフラットになったが、二次元になると直感的な操作ができなくなったり、野暮ったくなる事がある。例えば、Safariのブックマークやカレンダーの日時選択。 白背景に青文字は手を抜いたデザインに見えるし、日時の選択も、拡大鏡で工夫されているが文字だけでは操作しにくい。特に日本語のフラットデザインは、白背景と原色文字の組み合わせが悪いように思う。 そこで今回は、Dribbbleにアップされているフラットデザインのアイデアを集めた。 Alarm Clock (wip) by Rick Waalders Experiment with MetroUI by Yura Yarokhovich Musix app by Scardi Shek Analytics by Rovane Durso iOS 7animation [.ae giveaway] by Fabio Basil

Lately we’ve seen a rapid shift in software and app interface design, from 3-D and skeuomorphic to flat and minimal. Let’s take a moment to consider how wegot here and what influenceit’s having on interface design as a whole. Minimal design’s widespread resurgence is refreshing to witness.It is by no means the right solution for everything, but when applied thoughtfully and appropriately,it ma

・どこ押せばいいか謎 ・言われてるほど新しくない(スイス系のリバイバル) ・立体より工数低いが、誤摩化しがきかず難易度高い ・でもデザイン料を安くされそう ・日本語だと高確率でダサくなる
Use of Flat Design in Mobile App Interfaces, Best Examples Use of Flat Design in Mobile App Interfaces, Best Examples App DesignNataly Birch • June 19, 2013 • 6 minutes READEmphasis on typography, roomy widgets, muted color palette, one-colored orblurred background, grid or horizontalstripe layout, inornate graphics, 2d illustrations – all these can be easily attributed to flat style, that rece

Bootstrap3超速レビュー!刷新されたグリッドシステムを理解しよう! 白石 俊平(HTML5 Experts.jp編集長) 人気のCSSフレームワーク「Bootstrap」のバージョン3が正式にリリースされました。この記事では早速Bootstrap3をレビューし、特にグリッドシステムを掘り下げて解説してみます。 フラットデザイン採用、フルレスポンシブ!Bootstrap2からの変更点のリストは、公式のリリース文を参照してください。特に大きな変更点は以下のとおりです。 フラットデザインの採用 現在流行のフラットデザインを採用しました。ただこれは「流行りに乗った」のではなく、テーマの一つとして提供されているという位置付けのようです。 例えば以下は、Bootstrap3のボタングループです。 レスポンシブWebデザインの全面採用 以前までのBootstrapは、レスポンシブWebデザイン

最近、来るiOS7でフラットデザインが取り入れられ、それによってリリースが遅れているというニュースがありました。 iOS 7、大幅アップデート過ぎて公開が遅れるかも - Gizmodo アップル、次期「iOS」で「フラット」なUIデザインを採用か 実は、個人的に実世界の物をメタファーにデザインを組むことを絶対美だと信していた節があったので、このニュースは衝撃でした。 そんな時、このトピックに関する面白いブログ記事を見つけました。「flat pixels ~The Battle Between Flat Design & Skeuomorphism~」です。 Skeuomorphism(スキュアモーフィズム)とはソフトウェアのUIに過去の実世界の物の特徴を取り込むデザイン手法のことなのですが、これとメトロUIに代表されるFlat Design(フラットデザイン)について、よく比較しま
We have talked about Flat DesignTrend already. The nexttrending in the design world is Long shadow design. There was already a plenty of designers started Long shadow design. Before the name Long shadow design, thetrend tagged along with Flat Design. Long shadow design means same asits title. Thetrend will use long shadows with 120 or 45-degree angle. The end of the shadow will be feathered o

フラットデザインを考える スミマサノリ 2013年06月24日11:30 ツイート 最近のウェブデザインは、「フラットデザイン」なるものが流行っていると聞く。アイフォンの次期OS、iOS7もフラットデザインを採用するという。では、どんなデザインがフラットなのか? 漫画「テルマエロマエ」では、日本人のことを「平たい顔族」と呼んでいた。古代ローマ人の彫刻のような顔に比べたら、我々日本人の顔は確かに平たい。ということは、日本人の顔はフラットデザインなのだろうか。 多分、そういうことではないのだろう。 アイフォンのインターフェイスで考えると、今までのデザインは立体的だったり、質感があったり、ディテールまで作り込まれたりしていた。いわゆるリッチデザインと呼ばれる流れだ。この流れの対極にあるもの、それがフラットデザインということになるらしい。 「アップル ー iOS7(http://www.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く