InstagramやAirbnbなどのUIデザインに見る新しいトレンド
ミニマルなデザインがトレンドになってからしばらく経ちますが、次のトレンドはなんでしょう？ ここ数か月、デザインの最先端を行くアプリやサービスの中で、「ミニマルデザイン」を次の段階へと押し進めるものが出てきました。FacebookやAirbnb、Appleは、それぞれのプロダクトをよりシンプルに見せることに対して同様の方向を見据えており、それは、モバイルのデザインにおける「コンプレクション・リダクション」という新しいトレンドを反映したものです。 「コンプレクション・リダクション」とは 「コンプレクション・リダクション」なんて聞いたことがありませんか？ 聴いたことがないのも無理ありません、何しろ私が勝手に名付けたものですから。最近私はフラットデザインやミニマルデザインとは違う方向性を持つものが出てきたことに気付きました。 編注：Complexionは「顔色」「血色」という意味で、Reducti
App.js | Mobile webapps made easy
Mobile webapps made easy. Download Get Started App.js is a lightweight JavaScript UI library for creating mobile webapps that behave like native apps, sacrificing neither performance nor polish.
lovely ui
device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai
モバイルUIのデザインに役に立つUIパターンギャラリー集17選 - showrtpath - iOSブラウザ開発日記
2013-12-23 モバイルUIのデザインに役に立つUIパターンギャラリー集17選 アプリの開発の時にUIのデザインに悩みますよね。 そんな時、モバイルUIのパターンギャラリー集が役に立ちます。 そのギャラリーサイトのサイトを集めてみました。 スクリーンショットを集めたものと、デザイナーの作品のものがあります。 Showrtpathブラウザを開発していた時はdribbbleをよく見ていました。 Pttrns - Mobile User Interface Patterns 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス Mobile Patterns lovely ui Inspired UI - Mobile Apps Design Patterns [iPhone] Mobile Awesomeness Meerli · Featured Android Nic
Flatastic Mobile UI Kit - The Design Inspiration
Designers of mobile interfaces are becoming more prominent in today’s faced-paced web space. App designers are in high demand now particularly in user interface. UI design focuses on user experience and interaction, and while being easy-to-use is important for a successful mobile app. Flatastic Mobile UI Kit is a large user interface kit containing hundreds of mobile UI elements, which will help y
Google BBS Terminal
Credits “Google BBS Terminal – What Google would have looked like in the 80s” (c) 2012 mass:werk – media environments, N. Landsteiner, <www.masswerk.at> A working service after a video by Squirrel-Monkey.com: “If Google were invented in the 80s”. Ingredients: • mass:werk termlib.js – <www.masswerk.at/termlib/> • Fixed Excelsior 3.00 Truetype Font – <www.fixedsysexcelsior.com> • Google REST API
iOS Flat Design UI Patterns - Download Now | iPhone and iOS App UI Design Templates
iPhone Flat Design UI – Stay on the bleeding edge of App Design With These UI Templates Skeuomorphism is becoming old school and Flat UI is here to stay. Download these templates and give your app the edge it deserves Login Templates Here is a first UI pattern that we have for you. Login screens are common in most apps. Here are the login screen designs that are included in this pack of Flat UI te
iOS7_UI_design_guideline
レイアウトと外観 iOS7 は以下の事項を具体的に表現しています： 重要 これは、開発中の API またはテクノロジーのための予備的な文書です。この文書は、技術的な正確さのために見直 されてきましたが、最終版ではありません。このアップルの機密情報は、Apple デベロッパプログラムの登録メン バーが使用するためのものです。アップルは、本書には技術やプログラミングインタフェースの設計を助けるため 供給されています。内容は変更されることがあり、そしてこのドキュメントに従って実装されたソフトウェアは、 最終的なオペレーティング · システム · ソフトウェアと最終文書で確認する必要があります。新しいバージョンの ドキュメントは、API または技術の新しい情報が掲載されているでしょう。 ・服従 (Deference) ・明快 (Clarity) ・層化 (Depth) UI はユーザによるコンテ
【保存版】問合せを劇的に増やすエントリーフォーム最適化（EFO）15の方法｜MarTechLab（マーテックラボ）
皆さんこんにちは。ギャプライズ鎌田（@kamatec）です。 今日は過去私が数百社という企業のプランニング・運用をしてきた中で実証した、 最も「手早く」「確実に」コンバージョンを伸ばす方法をご紹介します。 それがEFO、つまり「エントリーフォームの最適化」です。 Webサイトをリニューアルしなくとも、LPを作らなくとも、 エントリーフォームを変えるだけでコンバージョンは劇的に変わるのです。 実際の事例をいくつかご紹介しましょう。 Case1：ブライダル系サービスのEFO事例 http://www.primavera-wedding.co.jp Case2:ギャプライズクリックテールサイトのEFO事例 https://contentsquare.gaprise.jp/ Case3:システム系BtoBサービスのEFO事例 これらの事例はいずれも変更したのはエントリーフォームだけです。 特にフォ
色々なWebサービスの会員登録画面まとめ - no web service no life
多様化する会員登録画面 色々なWebサービスの会員登録画面を、導線やSNS連携ボタンの配置を主軸に分類してみました。 各サービス、会員登録CVRを上げるために、導線や提示方法を工夫しています。また、SNS連携が必須になってきたことによって、画面に占める要素が増えてきており、その配置方法にも工夫がみられ面白いです。 ※キャプチャ取得タイミングの関係で、古いデザインもあるかもしれませんがご了承下さい。 ポップアップ提示パターン Sumallyやpixivは、Cookie制御がされており、初回訪問時にアグレッシブにポップアップを提示してきます。 Sumally pixiv Blabo!やAirbnbは、会員登録リンクを押すとポップアップで提示されます。 Blabo! Airbnb SNS連携ボタンが上に配置されているパターン 通常の会員登録への導線やフォームの上に、各種SNSのボタンが配置されて
【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 | DX.univ
iOSアプリ開発担当の菅原です。 iPhoneやiPadのア[...]【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当の菅原です。 iPhoneやiPadのアプリ開発はすべて一人で販売するところまで持っていけるのが魅力の1つです。 アプリ開発作業を大きく分類しますと プログラム デザイン 販売 にわかれます。販売に関してはAppStoreがあるので、心配はありません。残りのプログラムとデザインですが、なかなか両方を得意にするというのが難しいと思います。僕はプログラムは出来るのですがデザインがからっきしダメです。 今日はそういったデザインが苦手なプログラマ向けに参考になるデザインリンク集をご紹介いたします。個人のアプリ開
簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog
しっかりと考えられたUIのアプリやWebサイトはとても使いやすいく、使っていてとても楽しいですよね。この記事を見ているデザイナーやディレクターの方の中でショッピングサイトや登録型サービスを担当し、UI設計をしている方もいるのではないでしょうか。UI設計をする上で必ず考えるのが「ユーザーが使いやすいUI」だと思います。しかし前述したショッピングサイトや登録型サービスの場合は使いやすさと共に、「ショッピング購入数」や「登録者数」にも気を配る必要があります。そこで今回は「ショッピング購入数」や「登録者数」を示す、”コンバージョン率” を高めるUIとはどんなものか、海外の記事を参考に考えてみたいと思います。 （この記事はGoodUIから翻訳抜粋したものです） GoodUIには簡単に使えて、コンバージョン率を高めるUIのアイデアがいくつかまとめられています。その中から6つ、素晴らしいアイデアをピック
「デザインが重要」で「はるかに簡単」、「“わびさび”に学んだ」～米ツイッター共同創業者3人
「利用者を増やすためにはデザインの重要性が増している。ここでいうデザインとは、ユーザー・インタフェースだけでなく美的な意味も含む」 2007年11月、米ツイッターの共同創業者の1人であるエヴァン・ウイリアムス氏からこの言葉を聞いたとき、はっきりとは意味が分からなかった（関連記事：どんな機能をそぎ落とすかが重要）。いや、言葉の意味は分かったのだが、成長著しいソーシャルメディアを生み出した人物がデザインの重要性を説くという事実がすんなりと頭に入ってこなかった。 来日していたエヴァン・ウイリアムス氏に会おうと思ったのは、世界を2回変えようとしている人物と直接話したかったからだ。彼はビズ・ストーン氏、ジャック・ドーシー氏とともにツイッターを創業しただけでなく、ブログサービスの創始者ともいわれる。 ウイリアムス氏がTwitterに先駆けて、何人かとともに作ったブログサービスBloggerは、買収によ
フラットデザイン｜Flat UI Colors
280 handpicked colors ready for COPY & PASTE
ルールを再構築してより良いものを作ろう ~Wunderlistはどのようにして作られたか~ | Goodpatch Blog
みなさんWunderlistというアプリをご存知でしょうか？iPhone, iPad, Android, Windows, Mac, Webで使えるいいデザインのtodoリスト管理アプリです（無料）。とても素晴らしいアプリなので使っている方も多いかと思います。 先日このアプリを作っている会社6Wunderkinderのブログを読んでいたら、Wunderlistがどのようにして新しいデザインを作ってきたかが書かれた興味深い記事がありましたので翻訳（意訳）しました。 [以下Break Rules To design better productsの翻訳（意訳）] 私たちは一日のうちに、スマートフォンやタブレット、ノートパソコンといった様々なデバイスを使い分けています。それぞれに独自のガイドライン、インタラクションの種類、そしてもちろん異なったインターフェースがあり、私たちはデザイナーやエンジニ
Thematic WordPress Theme Toolbox: 10 extremely useful hooks
When building a website, using a CSS framework is a real time saver as it provides you with tools every web designer and front-end developer needs when crafting a site (other than good web hosting). A CSS framework is a software framework created to allow for easier, more standards-compliant web design using HTML/CSS. Many popular CSS frameworks are design-oriented and contain elements that can be
iPhoneのUIデザインを語る上で欠かせない、天才デザイナーMike Matasとは？ | Goodpatch Blog
Mike Matas（マイク・マタス）というデザイナーの名前を聞いたことはありますか？以前「Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人」でも少し紹介しましたが、UIデザインの歴史について調べたら必ず彼の名前が見つかるはずです。Mikeは私たちが毎日使っているiPhoneのユーザー・インタフェースの重要な部分を多く担当し、今のUIの基礎を生み出したと言っても過言ではないほど、素晴らしいデザイナーなのです。今回のMEMOPATCHは彼が今まで手掛けてきたデザインをまとめて紹介します！ 14歳からデザインの仕事をはじめる Mike Matas（マイク・マタス）は14歳のときにMac OS Xアプリケーションのためのアイコンやロゴを描くというスモールビジネスをはじめ、Macのコミュニティの間でアイコンデザイナーとして徐々に有名になっていきました。（上に掲載したWats
ソシオメディア | フラットデザインはUIを進化させるか
ウェブやアプリのデザイナーであれば、ここ1〜2年のUIトレンドであるフラットデザインについてご存じだと思います。すでにこのトレンドを意識して実践しているかもしれません。今回はフラットデザインの特徴とそのポテンシャルについて考えてみます。 フラットデザインとは、画面に表示するボタンやメニューなどのUI要素を非常に平坦な見た目にするという表現手法です。ウェブでもアプリでも今やこのフラットデザインを取り入れているものが沢山ありますが、中でも代表的なのは、Windows 8 の Modern UI と Google の一連のサービスでしょう。 フラットデザインと言っても、もちろん明確な定義があるわけではなく、フラット度合いは様々に試されていますが、一般的な特徴をあげてみます。 UI要素の「塗り」に、グラデーションやテクスチャを使わず、単色にする ドロップシャドウやベベルといった立体感を出す表現を用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Get TETHR, a free mobile app UI kit from InVision | InVision
Flat Rounded Square UI Kit