iOS 9 が一般公開されました。気づきにくいところですが、実はこの iOS 9 から、システムフォントが Helvetica Neue から、Apple が新たに開発した San Francisco フォントに変更されています。 San Francisco は Apple Watch のシステムフォントとして既に採用されていましたが、Apple Watch にとどまらず、iOS 9 や次期 Mac OS X “El Capitan” のシステムフォントとしても使われるようになります。 Apple WatchApple は、初代 iPhone からずっと、iOS のシステムフォントとしては Helvetica を採用してきました。また、Mac OS X でも 10.10 Yosemite からは、それまで使用していた Lucida Grande から Helvetica へと変更しています
任天堂は、携帯型ゲーム機「ニンテンドー2DS」を来年2月27日に発売する。「ニンテンドー3DS」のソフトを遊ぶことができるが、3D表示機能を省いて価格を抑えているのが特徴だ。ゲームボーイ版初代「ポケットモンスター」ソフトが付属するパックを9980円（税別）で販売する。 ニンテンドー2DSは2013年、海外市場向け3DSのてこ入れとして欧米で発売していた。現行機種「ニンテンドー3DS」の売りの1つである裸眼立体視機能を省いた廉価版で、折りたたみ機構をやめて上下2画面を持つ一体型デザインを採用しているのも特徴だ。 スピーカーはモノラル（ヘッドフォンはステレオ対応）。スリープモードにするには本体下部のスリープスイッチを使う必要がある。無線LAN通信機能、カメラ（前面／背面）なども備えている。 本体サイズは127（縦）×144（横）×20.3（厚さ）ミリ、重さ約260グラム。上画面は3.53インチ
WD101: PC脳な制作者にありがちな8つのアプローチ デスクトップパソコン時代と同じような感覚で設計されているスマートフォン向けサイトは少なくありません。PC脳から抜け出して、今必要とされるデザインの感覚を養わなければ、ますます利用者のニーズから遠ざかってしまいます。 WD101: 画面ではなく部品から始めてみよう 利用者環境を断定してページレイアウトを作れなくなった今日の Web デザイン。ページという枠を作ることから始めるのではなく、コンテンツをまとめる最小単位「コンポーネント」の設計から始めます。 WD101: Webデザインであるもの、そうでないもの これから「Webデザインしたい！」と考えている人たちが、何をもって良い Web デザインなのかが見え難くなる場合があるので、ひとつの方向性を示した項目を幾つか挙げてみました。 WD101: Webのデザインは枠のない世界である 適
まず体感せよ 一昨年くらいから Jawbone UP や、Android のスマートウォッチなど、幾つかのウェアラブルを試しています。先月発売された、Apple Watch もしばらく使い続けています。「これで生活が変わりました！」と言えるほどの劇的な変化はないものの、発見や気づきがあります。 まだ購入を悩んでいる方がいると思いますが、デザイナーであれば何でも良いのでウェアラブルを今から付けて生活をしたほうが良いと思います。 もちろん今のウェアラブル市場は『幼少期』と同じようなものです。パフォーマンスも良くないですし、デバイスにインストールするアプリも「なぜか分からないけど、違う」という感覚を得ることになるでしょう。スマートフォンと似たような構造や操作感を、スマートウォッチ用に小さくしただけのアプリもたくさんあります。スマートフォンという小さなスクリーンを考慮されたシンプルなインターフェイ
A note from the editors: The responsive images spec has changed and sizes are now required. Eric Portis shares more details on the blog. The devil has put a penalty on all things we enjoy in life. Albert Einstein Sixty-two percent of the weight of the web is images, and we’re serving more image bytes every day. That would be peachy if all of those bytes were being put to good use. But on small or
Google I/O 2014 では様々なデバイスが発表されて、ますます Google が日々の生活へ入り込んでいくのだなという印象を受けました。幾つかのプロダクトは興味深かったですが、プロダクトより気になったのが Material Design の発表です。現在 Android L と称されている次期バージョン Android で採用されているデザイン言語のガイドラインです。 Skeuomorphism が全面的に使われていたときは、画面上にあるオブジェクトを触っているような感覚を見た目で演出していましたが、Material Design ではアニメーションを通して触れているような感覚を作り出しています。ときにはカードのような実世界のオブジェクトを模擬していますが、それでもカードを操作しているような感覚を与えているのは見た目ではなく動きだったりします。 感覚からコードへの転換 Mater
Skala Preview is on hold for now If you’re still using Skala Preview, the latest versions of Skala View can be downloaded from the App Store and Google Play Store by viewing your purchase history and tapping the download button. The latest version of the Mac app can be downloaded here: Skala Preview 2.0.
今回も、このブログでいま流行りの「マルチデバイス時代」シリーズです。 前回に引き続き、これからのレスポンシブ・デザインについて書いていきます。今回はナビゲーションについてです。 BootstrapやFoundationで実装されているように、レスポンシブ・デザインでのナビゲーション・インターフェイスには標準的なものが確立されつつあります。しかし、それが従来のウェブサイトの構造に簡単に当てはめられるかというと、そうでもありません。使っている技術は根本的にはあまり変わりませんが、マルチデバイス時代の今、解決しようとしている課題は以前と大きく異なります。 全くサイズの違う複数の端末に、デスクトップ向けの考え方で作ったサイト構造を最適化しようとしているわけですから、ゼロから考え直さないと、根本的な解決は難しいのかもしれません。 そもそも従来型のナビゲーションは必要なのか レスポンシブ・デザインでサ
2014.02.14 私がどのようにしてRaspberry Piタブレットを作ったか Text by Michael Castor Translated by kanai 私の特製PiPadタブレット 毎日、新型のタブレットコンピューターが発売されているように思える。より薄くて、より軽くて、より速くて、しかしどれも同じように見えるし、できることもほぼ同じだ。私がRaspberry Piタブレットを作ろうと思ったのは、なにか違うものが欲しかったからだ。それは、便利で、ポータブルで、Linuxベースのオールインワン・システムだ。さらに、見栄えもよくないとダメだ。飛行機の中で使うことが多いから、空港のセキュリティーや隣に座ったおばあちゃんを怖がらせるような形ではいけない。 2013年の始めごろから、私はパーツ集めを開始した。Raspberry Piは5ボルトで駆動するから、携帯電話用の充電器が使
タブレットの販売台数が PC を超えた 2013年第四半期。（スマートフォンは 2011 年で超えています）。スマートフォンやタブレットはもちろん、情報へアクセスするための『ガラス』は、今後ますます増えていきます。2014年は、Web へアクセスするための手段が文字通り多様になるといっても過言ではありません。iPhone をはじめとするマルチタッチのスマートフォンが出回りはじめた頃は『モバイル Web』という言葉が用いられていましたが、これからは『The Web（これが Web）』と言い換えたほうが良いでしょう。PC がなくなることはありませんが、「まずはパソコン版を前提」という考え方はいちはやく拭い去らないといけなくなります。 いつでも、どこでも自分の好きなデバイスから、サービスを受けることが出来るようになった現在。消費者はどこへ向かうのでしょうか。そして、Web を利活用するためのお手
「Web」について今の自分が考えてることを記録として書いてます。去年に続き三回目です。タイトルに2014年が入ってるのは時間と共にWebのあり方や自分の考えも変わっていくからです。 はじめに 毎年恒例の記事三年目です。 「Webデザイン」とはなにか？じっくり考えてみた（2012年） 「Webデザイン」とはなにか？ザックリ考えてみた（2013年） 今年の内容は「Webデザイン」に収まらないのでタイトルを少し変えました。 更にwebの範疇を超えて”インターネット”に該当するであろう部分まで触れてますが、切り離して考えられないので”インターネット”も含めて考えています。 この記事は2013年の総括や2014年のトレンドではなく、Webについて今の自分が思ってることをつらつらと書いてます。異なる意見があって当然だと思ってますし、正解を出したい訳でもありません。 自分の考えを整理するため、そして読ん
Welcome to We’ve redesigned our web experience with you in mind. A more immersive reading experience? We’re glad you asked. We’ve streamlined our article pages and created a more responsive interface with faster load times. So navigating between stories is easier and finding more content that appeals to you is just a click, swipe or tap away.
Techcrunch で、「Great Mobile Apps Are Remote Controls For Real Life（すばらしいモバイルアプリは実生活のためのリモコンである）」 という記事が公開されています。リモコンは、ただボタンを１回押すだけでチャンネルを変えたり、利用者が求めている操作を実現することができます。すばらしいアプリも同様に、面倒な操作や画面遷移を辿ることなく、リモコンのように１タップで済むものであると解説しています。その一例として、最近日本でもサービスを開始した Uber が挙げられています。サイトに「ボタンをタップするだけで、Uber アプリはお客様のドライバーを探します。」と書かれているとおり、リモコンのような手軽さが、人気の秘密なのかもしれません。 昨年の記事ですが、今のスマートフォンの存在を上手に表現していますし、スマートフォン向けのアプリや Web
I can remember a time when pretty much everyone designed websites for an 800×600 screen resolution, but (thankfully) those days are long gone. Smart watches and 4k displays are pushing resolutions at both ends of the spectrum, and even more devices fill the gaps between, such as desktops, tablets, phones, and gaming consoles. In parallel, the density of pixels is increasing, too. Designing for a s
Luke Wroblewski wrote a blog entry that’s been rattling around in my head for a couple days now. In it, he raises some concerns he has about responsive design’s “over-reliance” on screen width. Go check it out, if you’re interested, but I’ll excerpt a bit: So if adapting to different screen sizes can have that kind of positive impact for a business, what’s the risk? As the kinds of devices people
UI/UXは進歩の激しい領域のために、時に前例なしの設計が求められることがあります。たとえば近年の例では、スマートフォンやタブレットが急速に普及し、まだノウハウのない中でこれらのデバイスに特化したUI/UXが求められました。これからも誰も触れたことないデバイスや状況でも、的確な設計を行うことが求められます。 そういった未踏の領域では、先端の研究領域に注意を向ける一方、UI/UXの原点を学ぶ必要があります。本コラムではインタラクションの研究者という立場から、これまでのUI/UXにおいて何が本質であるかを知るのと同時に、これから向かう未来を見据えながら、今何を学ぶべきかを分析、考察していきます。そしてUI/UXに携わる人に少しでもUI/UX設計の「なぜ」に答える材料になればと思います。 効率だけでは語れない道具の設計 スマートフォンやタブレットなど、高性能な端末を持ち歩く時代となりました。ネッ
このシリーズは Web Design101（WD101）と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹介していきます。 Webは見た目のコントロールがきかない モニターの外をデザインするのが大半である Webは寛容性をデザインする場である Webのデザインは枠のない世界である Webデザインであるもの、そうでないもの WD101: 画面ではなく部品から始めてみよう あなたはPC脳ですか？ 「PC脳」とは、私が UI やデザインの講座をするときに、よく使っているフレーズです。 従来は、ノートパソコンやデスクトップパソコンが Web 接続可能な主力デバイスでした。しかし、今は徐々に台数が減り続けており、代わりにスマートフォンやタブレットといったデバイスの台数が伸びてきています。さらに、パソコンの次に買う 2 台目のデバイスとしてではなく、パソコ
22. “The primary design principle underlying the Web’s usefulness and growth is universality. ••• And it should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large. Long Live the Web: A Call for Continued Open Standards and Neutrality: Scientific American http://www.scientificamerican.com/article.cfm?id=long-live-the-web by Tim Bern
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く