タグ

uiに関するhalohalolinのブックマーク (8)

  • Ionic Frameworkとは

    Overview​ Ionic focuses on the frontend UX and UI interaction of an app — UI controls, interactions, gestures, animations. It's easy to learn, and integrates with other libraries or frameworks, such as Angular, React, or Vue. Alternatively, it can be used standalone without any frontend framework using a simple script include. If you’d like to learn more about Ionic before diving in, we created a

    Ionic Frameworkとは
  • 「iOS 7」の視覚効果で吐き気やめまい、一部ユーザーが報告

    Appleデバイスを最新のOS「iOS 7」にアップグレードした後、操作時のアニメーション効果が原因で気分が悪くなったと一部のユーザーが報告している。 複数のユーザーがAppleのフォーラムでiOS 7に関する不満を訴え、ズーム効果やモーション効果が原因で、吐き気や頭痛、目の痛み、めまい、乗り物酔いを催したと述べた。 あるユーザーはアニメーション効果が原因で、車酔いのような症状が出ると述べた。Appleのモバイル端末をほんの数分使っただけで気分が悪くなったので、OSをダウングレードすることを選んだユーザーもいる。 フォーラムユーザーの多くは、Appleが今後のアップデートでモーション効果やズーム効果を無効にできる機能を追加することを望むと述べている。Appleは、開発者に電子メールを送信してオプションや代替的なズーム効果を近いうちに実装するよう要請することを提案した。 それまでの間、ユーザ

    「iOS 7」の視覚効果で吐き気やめまい、一部ユーザーが報告
    halohalolin
    halohalolin 2013/09/30
    一瞬虚構かと思った、過度のアニメーション効果は3D酔いと似た症状を呼び出すのか?Windows8で発生しなかったら、ズームイン・アウト効果が臭い?
  • Slide-out Navigation という新しいユーザインターフェイスのパターン

    デザインがなかなかいい。 tciuro/NoticeView シートの背景は画像が用意されていてそれを使っているようだ。@2xファイルが見当たらないのが気になった。 ネタ元はこちら。 iOSで上部にかっこよく通知を出す tciuro / NoticeView が...

    halohalolin
    halohalolin 2012/02/16
    ボタンを押すと画面左から右へややスクロールさせて、そこへメニューを表示する。閉じるのにはボタンの他、左方向へのスワイプを使う。従来の画面切り替え式よりスムーズに次の作業へ切り替えられる?
  • エバーノートのクリエイターが教える「魅力あるUIとUX」の極意

    2012年2月3日、“シリコンバレー流”のユーザー・インタフェース(UI)やユーザー体験(UX)、ブランドのデザインをテーマにしたトークセッションが、デジタルガレージ社で行われた。 登壇したのは、米エバーノートでクリエイティブディレクターを務めるゲイブ・キャンポドニーコ氏(写真1)。米アップルでの勤務経験も持つ同氏は、この数年にわたるエバーノートのアイコンのデザインからブランド構築までの数々の経験談を語った。 同氏が講演で指摘したUIUX、ブランド構築のポイントは、以下の9点にまとめられる。 1)最初から編集に着手してはいけない 最初の教えは、「いきなり編集に着手してはいけない」。同氏がデザインする際に心がけているのは、できるだけたくさんの情報を収集すること。そのために同氏は、たくさんの人に会うのだという。 エバーノートには創業時から参加することになったので、同氏はまず企業ロゴを考える

    エバーノートのクリエイターが教える「魅力あるUIとUX」の極意
    halohalolin
    halohalolin 2012/02/07
    最初から編集に着手してはいけない/他の事例を徹底的に調べる/二つのアイデアを組み合わせてみる/ユーザーを広告塔にする/ユーザーの利用シーンを思い浮かべてみる/プラットフォームの“良い市民”であれ...
  • 高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ

    こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド> Smart Resize > Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的

    高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ
    halohalolin
    halohalolin 2012/01/11
    Smart Resize / Fill With Background / Placeholder / Fix Rounded Rect Corners
  • Engadget | Technology News & Reviews

    Anker's 3-in-1 MagSafe foldable charging station drops back down to its Prime Day price

    Engadget | Technology News & Reviews
    halohalolin
    halohalolin 2009/10/25
    ユーザーの視点とディスプレイの傾きに会わせてウィンドウをリアルタイムで歪ませることによってマルチディスプレイでも常に見やすくウィンドウの内容を表示する事ができる(情報ウィンドウの表示に向く?)
  • ウェブサイトでやってしまいがちなユーザビリティのミス

    ウェブサイトでやってしまいがちなユーザビリティの9つのミスをSmashing Magazineから紹介します。 9 Common Usability Mistakes In Web Design 下記は、その意訳です。 1. クリックできるエリアが小さい リンクのクリックできるエリアが小さいと、ユーザーはクリックするのが非常に困難です。 解決方法 リンク箇所にpaddingなどを設けて、クリックできるエリアを大きくします。 2. 間違った目的のためのページネーション ページネーションは、内容を複数のページに分ける時に使用します。 しかし、最近ページビューを増やす目的でページネーションを設置しているサイトがあります。これには問題点が2つあります。 一つ目は、1つのコンテンツを読むのにページをロードしなくてはならないこと。二つ目は、SEOと関係があります。ページのインデックス付けを行う際、ペー

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • 1