タグ

UIとデザインに関するKuichiのブックマーク (7)

  • UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ

    WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか? この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない

    UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ
  • デザイン原則の実践|dely design

    This domain may be for sale!

    デザイン原則の実践|dely design
  • もう縦スクロールって疲れません?進化する私たちの指と視野|ワカモノのトリセツ

    こんにちは!現役女子大生二人組による若者の今を伝えるメディア「ワカモノのトリセツ」です。 春休み満喫中の私たちは、自然と携帯を見る時間が増えました。 そんな時に、 「あれ?最近縦スクロールするのがもう嫌になってきたぞ?!」と思うようになったことに気づいたのをきっかけに、今回は縦スクロールについて私たちの最近の価値観をお話しします。 ■ 縦スクロールで満足できていた時代縦スクロールコンテンツで代表的なものはこちら。 ・Instagramのフィード投稿 ・コスメファッション旅行系のキュレーションメディア ・Twitterのタイムライン ・クックパッド ・Safari、Chromeなどのウェブブラウザたち 昨年の夏頃までは、まだ縦スクロールへのストレスが薄かった気がします。20件、30件とインスタのフィード投稿を見るのが全く辛いと感じませんでした。コスメファッション旅行系のキュレーション

    もう縦スクロールって疲れません?進化する私たちの指と視野|ワカモノのトリセツ
    Kuichi
    Kuichi 2018/03/09
    確かに大量に遡りたい時は面倒だなあと思うときはある…もっと見やすい方法が将来的に考案されそうな気はするけれど。
  • ダメダメだった大学生が、たった3ヶ月でデザイナーへと爆速成長!地道な「UI模写」で見つけた生きる道 | CAREER HACK

    デザインにおいて全くの素人だった大学生が、ひたむきな自主学習で一躍、時の人に。春田雅貴さん(23)は、他社サービスのデザインを完コピ。自ら分析・発信し、話題となった。なぜ彼は泥臭い努力を? そこにあったのは「社会とつながりたい」という強い意志だった。 なぜ、デザインの素人だった大学生が注目された? デザイン界で、ちょっと名の知れた大学生インターンがいる。 それが春田雅貴さん(23)さんだ。彼は横浜国立大学・経営学部の大学4年生(2018年1月現在)。クラウド会計ソフトのfreee社でインターンのデザイナーとして働く。じつはつい1年前までデザインに関してまったく素人だった。 彼を有名にしたのが「UIトレース」という取り組み。 他社のWebサイト、ランディングページ(LP)、プロダクトにおけるUIをゼロから模倣(模写といってもいい?)。そのポイントをtwitterや、ブログで発信していったのだ

    ダメダメだった大学生が、たった3ヶ月でデザイナーへと爆速成長!地道な「UI模写」で見つけた生きる道 | CAREER HACK
  • 【ハンバーガーメニューの次はこれが来る!】モバイルに最適なメニューデザイン7例

    今やハンバーガーメニューはスマートフォン用のデザイン要素として最もポピュラーです。しかしながら、どこでも使われるようになったために、批判も起きています。 そこで、ハンバーガーメニューの代替案として試す価値のあるデザインをいくつかご紹介します。 1.タブ タブは最もシンプルなナビゲーションパターンの一つです。コンテンツ数が5つかそれ以下の場合に有効です。 2.タブ+More 5つ以上のコンテンツがある場合は、4つのコンテンツをタブに表示し、5つ目のタブを”More”とすることもできます。よく使われる4つのコンテンツが常に見える点は、ハンバーガーメニューよりも優れていると言えるでしょう。 3.折り畳み式のナビゲーション ウィンドウの幅に合わせて変化するメニューデザインは、タブ+Moreよりも優れているナビゲーションと言えるでしょう。 4.スクロール可能なナビゲーション メニューの優先順位をつけ

    【ハンバーガーメニューの次はこれが来る!】モバイルに最適なメニューデザイン7例
    Kuichi
    Kuichi 2017/03/30
    モバイルのメニューはまだまだ模索中。画面が小さいから全部表示もできないしというジレンマはある。
  • サービス設計を依頼できるUXやUIデザインの制作会社 | UXデザイン会社Standardのブログ

    新規事業の立ち上げやサービスの改善の際、社内の声だけでなく外部の専門的な意見を求めるために相談できるデザイン会社を探そうとしたことはありますか? STANDARDでは、「新規事業のアイデアはあるけど具体性が見えない」「リリースしたサービスの数字が伸びない」のような悩みをお持ちの企業に対し、UXデザインUIデザインのサービスをご提供しており、様々な業界の企業様からお話をいただくことが多いのですが、少人数の会社故、リソースの関係で辞退させていただくことが少なくありません。 そこで今回は、同様にサービスの受託制作を中心に活動されているデザイン会社の中で、個人的につながりのある信頼がおけるデザイン会社を11社ピックアップしてご紹介させていただきます。 1. 株式会社root http://ic-root.com/ 「デザインを通じて事業成長に貢献する」というミッションをもとに、グラフィックや造形

    サービス設計を依頼できるUXやUIデザインの制作会社 | UXデザイン会社Standardのブログ
  • 家には77歳の年寄りがいるんだけど、iPadでもやはり難しいようでまったく手..

    家には77歳の年寄りがいるんだけど、iPadでもやはり難しいようでまったく手にとらない。 Androidは論外だった。 アプリにはだいたい主要な画面が4つか5つほどあり、簡単にいうとその画面を行き来しながら利用する物が多い。 年寄りにとって一番利用しやすいのは画面がリニアに進むということだ。 アプリをタップしたら常に最初にメニュー画面、メニューからボタンを押したら目的の画面のように進まなければ、そこで理解がむずかしくなる。 アプリによってはアプリタップ後、最後の画面を表示してくれる物も多い。そういうのは年寄りには難しい。まずは元に戻りたいと思うようだ。 スタート画面が設定されているのもあればない物もある。 アプリによってはしばらく時間があると普段とは違うメッセージが出る物もある。 タップでボタンが表示される奴は論外だ。タップの仕方によりボタンが出ない・出るで教える最中に喧嘩になる。 タップ

    家には77歳の年寄りがいるんだけど、iPadでもやはり難しいようでまったく手..
    Kuichi
    Kuichi 2017/01/05
    『まずは元に戻りたいと思うようだ』スタート地点と常に見知った位置にボタンなりがあることが求められてるんだろうなあ…。
  • 1