タグ

uiに関するtoshi_k_htnのブックマーク (69)

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • 未来を感じるアプリのUIデザイン - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ

    2014-01-01 未来を感じるアプリのUIデザイン iOS開発 明けましておめでとう御座います。nasustです。 今年初めての記事になります。 去年の記事を振り返ってみると、UIデザイン系の記事が多かったですね。 自分は昔からUIのデザインが好きです。アプリが世の中に出る前はWEBデザインを勉強してウェブサイトを沢山作ってました。作りっぱなしで放置でしたが。 今回は未来を感じるアプリのUIデザイン紹介します。 Spotify Login Dribbble - Spotify Login by Nacho Ortega GIF Aimation Dribbble - Gif Animation by Sergey Valiukh UI Weather Dribbble - UI Weather by Sunbzy Dribbble Dribbble - Dribbble by Sylv

    未来を感じるアプリのUIデザイン - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • 分かりやすいUIを考えるときに参考にしたい34のアイデア | mah365

    GoodUIというサイトでは、サイトのコンバージョンを上げるときに参考にしたい34のアイデアを紹介しています(どんどん追加されるようです)。とても参考になったので、タイトルだけ日語訳してお伝えしたいと思います。あえて意訳しているところもありますが、英語的に完全に間違っている部分があれば、ご指摘下さい。 マルチカラムレイアウトにするより、シングルカラムレイアウトにしてみよう。 すぐにクロージングするより、プレゼントを与えてみよう。 UIを断片化させるより、似たような機能を統合してみよう。 自分で自分自身を語るより、ブランドのある誰かに語らせてみよう。 重要なアクションは1回だけ見せるより、何回も繰り返して表示してみよう。 クリックできる・選択できるアイテムは、ぼかさず明確にスタイルしてみよう。 選んで欲しいものを並列で並べるより、オススメを強調してみよう。 いちいち確認を取るより、Undo

    分かりやすいUIを考えるときに参考にしたい34のアイデア | mah365
  • ウェブデザインのセンスを磨こう! 2013年洗練されたディテールのUIデザインのまとめ

    2013年、チェックしておきたいUIデザインをdribbbleから紹介します。 高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。 2013年のデザインを振り返りつつ、来年はまたどんな素敵なデザインが生まれるのか楽しみですね。

  • web・アプリケーション開発に使えるフリーUIデザインのまとめ「18 Useful Free UI Kits for Designers」

    TOP  >  Design  >  web・アプリケーション開発に使えるフリーUIデザインのまとめ「18 Useful Free UI Kits for Designers」 Webサービスやアプリケーションの開発においてUIデザインは必ず付いてまわるもの。けれど、0から作っていてはどうしても時間が掛かってしまうことが多いと思います。今回はそんな時に是非使ってほしい、フリーのUIデザインのまとめ「18 Useful Free UI Kits for Designers」を紹介したいと思います。 Dribbble – #flatlyfe UI Kit [FREEBIE] by Dylan Opet シンプルなものやリッチデザインなものまで、さまざまなテイストや利用シーンを想定したUIデザインが揃っています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下

    web・アプリケーション開発に使えるフリーUIデザインのまとめ「18 Useful Free UI Kits for Designers」
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • Revolutionary User Interfaces

    The human computer interface helps to define computing at any one time.

  • キュートな配色がかわいい!センスが光るUIエレメントが揃ったPSD素材

    ピンクのカラーとマカロンが大好きな仏のデザイナー:Marie Dehayesが作成した、キュートなカラースキームでかわいくデザインされたUIエレメントが揃っているPSD素材を紹介します。 Freebie - Flat Design User Interface Elements ダウンロードできる素材のフォーマットはプレビュー用の.pngとレイヤーが保持された.psdで、.psdでは各エレメントがベクターで作成されています。

  • フラットなデザインでユーザーが使いづらいのを解消するアドバイス -フォーム編

    フラットなスタイルの一番使いにくいところは、どこですか? 僕はそのシンプルなスタイルのボタン(リンク)です。一見ボタンに見えない、まるで見出しやコンテンツの一部のようにデザインされていると操作に迷ってしまいます。 そんなフラットなスタイルで、ユーザーが最小限の努力で、正確に何をすべきか理解できるフォームを作成するためのアドバイスを紹介します。 Flat UI and Forms 下記は各ポイントを意訳したものです。 フォームのUIで大切なポイント フォームの使いづらい例と改善例 フォームのUIで大切なポイント フォームとは、そのプロダクトやサービスを受ける時に情報を交換するためのインタラクションです。これはサインアップやウェブ検索をはじめ、Eコマースやネットバンクまですべてを含みます。 まずは、フォームのデザインでユーザーに必要とされることとコンテンツで必要とされることの相違点を見てみまし

  • デザイナー必見!アプリのUIを一覧で見られるギャラリー。

    iOS7のフラットデザイン化でほとんどのアプリがデザインの路線を大幅に変更する事を余儀なくされました。これまでのお馴染みアプリもどんどんアップデートされ、フラットデザインへの対応がなされています。これからアプリを開発するにもフラットデザインのUIというのは非常に重要な要素になっています。 App Storeでデザインの参考になるアプリを一つ一つ見ても良いのですが、UIを一覧で表示してくれる非常に便利なサイトを見つけたのでご紹介。 アプリのUIを集めた「Pttrns」 こちらがトップ画面。アイコンではなくUIで並んでいるのでたくさんのデザインを素早く見る事ができます。新着順で並んでいるので、フラットデザインのものばかりが表示されています。見ているだけでも楽しいですね。 簡単に細部のチェックが可能 画像にカーソルを合わせると、ルーペで拡大してくれます。なので細部のデザインやフォント・ボタンを確

    デザイナー必見!アプリのUIを一覧で見られるギャラリー。
  • iOSのデザインはフラットにすればイイってものじゃない - #RyoAnnaBlog

    iOS 7でデザインがフラットになったが、二次元になると直感的な操作ができなくなったり、野暮ったくなる事がある。例えば、Safariのブックマークやカレンダーの日時選択。 白背景に青文字は手を抜いたデザインに見えるし、日時の選択も、拡大鏡で工夫されているが文字だけでは操作しにくい。特に日語のフラットデザインは、白背景と原色文字の組み合わせが悪いように思う。 そこで今回は、Dribbbleにアップされているフラットデザインのアイデアを集めた。 Alarm Clock (wip) by Rick Waalders Experiment with Metro UI by Yura Yarokhovich Musix app by Scardi Shek Analytics by Rovane Durso iOS 7 animation [.ae giveaway] by Fabio Basil

    iOSのデザインはフラットにすればイイってものじゃない - #RyoAnnaBlog
  • 米国市場の高校サイトでは、今、何が起きているのか?

    ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日(金)

    米国市場の高校サイトでは、今、何が起きているのか?
  • こんなUI/UXはイヤだ

    業務中にメモっていた、イヤなUI/UXのメモを公開。(スマホ中心) こう見てみると、多少はチェックリスト的に使えるかも知れないです。各事例の画像が貼られていないのはご勘弁を。 思ってたのと違う。。△ 入力フォームなのにその場で入力できない 見た目は入力フォームなのに、タップするとモーダルで入力画面が立ち上がってしまうと違和感がある。そのままその画面で入力できるようにするか、どうしても別画面を立ち上げる必要があれば、入力フォームをボタンに変えた方が自然なUIになる。 △ 押せそうなのに押せない 立体感があったり囲まれていたりしてボタンのように見えるUIなのに、実際には押すことができないとストレス。遷移先の画面が存在しないのであれば、ボタンに見えるような紛らわしいデザインにしない。 △戻るボタンなのに1つ前に戻らない アプリ内ブラウザで外部サイトを立ち上げる際、画面の上部(ナビゲーションバー)

  • 富士通らくらくホンに見る高齢者に使いやすいUIのあり方 - A Successful Failure

    2013年10月02日 富士通らくらくホンに見る高齢者に使いやすいUIのあり方 Tweet 高齢者にも使いやすい携帯電話といえば、富士通のらくらくホンシリーズが有名だが、総務省のICT超高齢社会構想会議の第4回WGにて、富士通研究所の石垣一司氏が高齢者のICT活用について 富士通(研究所)の取組ご紹介と題し、同社の取り組みの紹介を行っている。 非常に示唆に富んだ良い資料であるので、エントリでは同資料を引用して、高齢者に使いやすいUIの勘所について考えてみたい。エントリ内の図表は同資料からの引用である。 加齢に伴う身体機能の低下 加齢に伴い身体能力が低下することは誰もが体感することだが、具体的には次のような形として現れる(高齢者にとってのユーザビリティ)。 視覚機能の低下 老眼による近視力の低下 暗順応の低下 視野の狭まり 短い波長の色(青、緑)の感度低下 聴覚機能の低下 高い周波数帯の

  • 無料で商用利用も可能なフラットデザインUIキット「Flat Rounded Square UI Kit」

    iOS 7へのアップグレードに合わせてさまざまなアプリがインターフェースや機能の変更を行っていますが、これからウェブサイトやアプリをフラットデザインにしよう、という時に便利なUIキットが「Flat Rounded Square UI Kit」です。ブログのデザインや各種ボタン・アイコン・グラフ・テキストボックスなどが統一感のある落ち着いたデザインで作られており、ファイルはPSD形式、JPG形式、ACO形式の3種類、ライセンス・フリーなので商用・非商用を問わず自由に使用することができます。 Flat Rounded Square UI Kit http://www.webappers.com/flat-ui-kit/ まずはウェブサイトやソフトウェアなどで使用するナビゲーション・ボタンいろいろ。紺色を基調としており、効果的に赤や水色が使用されています。 ノーマルのボタンはバリエーションのある

    無料で商用利用も可能なフラットデザインUIキット「Flat Rounded Square UI Kit」
  • iOS7でAppleが目指したのは「UIデザインの常識」の再発明である

    2013.09.27 iOS7でAppleが目指したのは「UIデザインの常識」の再発明である この記事は以下に移転しました。 http://lambda-structure-design.jp/lab/apple-want-to-redesign-of-common-sense-of-ui-design/

    iOS7でAppleが目指したのは「UIデザインの常識」の再発明である
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • ウェブの未来を担う次のUIデザインは「カード」にあり

    By Βethan ウェブ業界ではフラットデザインが大流行しましたが、これとはまったく異なる次元で将来のウェブデザインの主流になると目されているのが「カード」デザインです。 Why cards are the future of the web http://insideintercom.io/why-cards-are-the-future-of-the-web/ スマートフォンやタブレットなどのモバイル端末の登場は、ウェブのデザインを大きく変えようとしています。これまでPCでの利用が中心だったウェブは、サイトのページとページをリンクする形で構築されていました。しかし、モバイル端末でのウェブで重要視されるのは、個人と個人をリンクさせるような構成です。これは、モバイル端末でよく利用されるコンテンツがFacebookやTwitterなどのSNSであることを考えればよく理解できます。ここでは、

    ウェブの未来を担う次のUIデザインは「カード」にあり