タグ

ブックマーク / uxmilk.jp (7)

  • 文字コードUTF-8とは? 仕組みとコード表

    今回は、文字コードUTF-8の仕組みとコード表について説明します。意外と文字コードを意識している人は少ないので、ここでは一般的に使われるUnicodeのUTF-8をメインに説明します。 文字コードとは コンピューター上で利用する文字と、各文字に割り当てたバイトで表した数字との対応関係のことを言います。文字コードは、コンピュータが多くの言語圏で利用されるようになり、種類も多くなりました。代表的な文字コードは100種類以上とも言われています。 日でおもに使われている文字コードはつぎのとおりです。 JISコード 正式名称は「ISO-2022-JP」。電子メールで多く使われています。 SJIS(Shift-JIS)コード ASCIIコードに日語を加えたもので、国内携帯電話で使われています。 ASCIIとは、アルファベットや数字、記号などを収録したモジコードの一つ。最も基的な文字コードとして世

    monochrome_K2
    monochrome_K2 2021/04/04
    UTF-8はASCII互換の規格で最初の128文字はASCIIと同じと説明すれば理解してもらえたかも。日本語混ぜても良いけどそれでは根本的な解決にならないので https://uxmilk.jp/45155
  • モバイルではメニューを画面下に表示すべき理由

    スマートフォンの使い方が、脳に影響を与えることがあります。ある調査によると、毎日スマートフォンを使う人は、脳の体性感覚皮質が大きいことがわかりました。体性感覚皮質は、親指のコントロールをつかさどる部位です。 また、ほかの調査では、ほとんどのユーザーがスマートフォンを片手で操作していることが明らかになりました。スマートフォンを握っているとき、ユーザーは左右どちらかの親指で画面を操作しているのです。親指はユーザーにとってマウスのようなものですが、その動きには限界もあります。 親指はマウスの代わり デスクトップデバイスでは、ユーザーは画面の操作にマウスを使用します。ナビゲーションメニューまでマウスを動かすことは簡単です。なぜなら、マウスは手首の動きを制限しないからです。 しかし、ユーザーがスマートフォンを握っているとき、親指は限られた範囲でしか動けません。画面に親指が届かない領域があるのです。こ

    モバイルではメニューを画面下に表示すべき理由
    monochrome_K2
    monochrome_K2 2018/09/03
    メニューが下にあるとキーボードで隠れてしまうので絶対ダメ。この問い合わせ結構多いので
  • Webデザインのスタイルガイドの作り方

    Webサイトの制作はどんどん複雑化しており、1人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で

    Webデザインのスタイルガイドの作り方
  • InstagramやAirbnbなどのUIデザインに見る新しいトレンド

    ミニマルなデザインがトレンドになってからしばらく経ちますが、次のトレンドはなんでしょう? ここ数か月、デザインの最先端を行くアプリやサービスの中で、「ミニマルデザイン」を次の段階へと押し進めるものが出てきました。FacebookやAirbnb、Appleは、それぞれのプロダクトをよりシンプルに見せることに対して同様の方向を見据えており、それは、モバイルのデザインにおける「コンプレクション・リダクション」という新しいトレンドを反映したものです。 「コンプレクション・リダクション」とは 「コンプレクション・リダクション」なんて聞いたことがありませんか? 聴いたことがないのも無理ありません、何しろ私が勝手に名付けたものですから。最近私はフラットデザインやミニマルデザインとは違う方向性を持つものが出てきたことに気付きました。 編注:Complexionは「顔色」「血色」という意味で、Reducti

    InstagramやAirbnbなどのUIデザインに見る新しいトレンド
  • Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選

    みなさんはChrome拡張機能を活用していますか? 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChrome拡張機能を紹介します。 1. FireShot ダウンロードURL:FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL:PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ

    Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
  • Gitを一度はあきらめた人のためのわかりやすいスライド9選

    エンジニアの方はすでにGitを使用している方も多いと思いますが、最近ではGitを活用しているデザイナーの方も増えてきました。今回はGit初心者の方にもわかりやすく解説されているスライドをまとめてみました。Gitは使っているけど、うまく活用できていないという方にもオススメです! デザイナのためのGit入門

    Gitを一度はあきらめた人のためのわかりやすいスライド9選
  • Flashはなぜその役割を終えたのか

    デザイナー/デベロッパー。Fotogramme for Instagram 作者。フリーランサー。ウェブやモバイルアプリのUXディレクション、デザイン、開発を手がけています。 @hiro_kimu emotionale.jp。 Flashという名称が無くなってしまうーー2015年11月末、Flash Professionalのアプリケーション名称を「Adobe Animate CC」に変更するという発表がAdobeからあり、20年に及んだFlashの歴史が転換期を迎えました。「Flashは死んだ」と評されてすでに久しいですが、存在よりも先に名称が消えてしまうことになるとは思わなかった方も多いでしょう。 W3Techsによる調査結果では、2015年12月現在、ウェブサイトでのFlashの採用率は9.6%にまで落ち込んでいます。2011年1月の同調査では28.5%だったことを鑑みると、ウェブに

    Flashはなぜその役割を終えたのか
    monochrome_K2
    monochrome_K2 2015/12/10
    1996年にMacromediaがFutureSplashを買収した頃はライバル不在でいとも簡単に主役の座を射止めてしまった。強いて言えばシャープのEVAアニメータくらい。その後AdobeがMacromediaを買収して独占になり進化が止まったと思う
  • 1