【アプリ開発のお手本に】iOS 7の設計においてアップルが大切にした4つのポイント | TOKOROM BLOG
今回の記事はUIデザイナの Morino氏 からの寄稿です 前回 はiOS 7紹介ビデオの中のジョナサン・アイブ氏のパートをご紹介しました。 今回は、その中でも特に重要と感じたいくつかのフレーズをピックアップして深堀りしてみたいと思います。 “True simplicity” iOS 7から話題の"フラットデザイン"が採用されて、画面デザインは大分シンプルな外観になりました。 使う色の数は限定され、簡単明瞭なラインやシルエットがほとんどのデザインを占めています。 iOS 6まで採用されていたSkeuomorphism（装飾的・リアルな外観）は排除され、立体的で質感を感じるデザインから、平面的で形やテキストの意味性をストレートに伝えるデザインに変わりました。 ただ、“Simplicity"という言葉は、単に外観を表すものとして使われているわけではありません。 「複雑さに秩序をもたらす」という
タブレット向けサイトの文字サイズは16pxがいいとの調査結果……イマドキの文字サイズの話 | 初代編集長ブログ―安田英久
今日は、タブレット端末でユーザーが好むWebサイトの調査結果を紹介しながら、昨今のユーザーがWebサイトを見るのに使っているデバイスにどう対応するかを少しだけ考えてみます。 タブレット端末で使いやすいサイトとは？「タブレット端末でのサイトユーザビリティ調査」というレポートを、IMJさんが発表していました。 ・ IMJ調査レポート「タブレット端末でのサイトユーザビリティ調査」 → http://www.imjp.co.jp/press/release/20130515_000959.html （リリース） → http://www.imjp.co.jp/press/assets/201305/imj20130515.pdf （調査データPDF） ざっくりその内容をまとめると、こんな感じです。 7インチタブレットユーザーの最大34％はスマートフォンサイトを支持 （でも大半がPC向け表示を支持）
Webline 16 bitmapfont - 1pxの点線が引けるビットマップフォント | illllli Original Design Font
Webline 16 bitmapfont - 1pxの点線が引けるビットマップフォント Webデザイナー必見!!! Photoshopで1pxの点線が簡単に引けるビットマップフォントです。 線と線の間隔を「1px」「2px」「3px」の3つから切り替えることができ、めんどうだった細かな点線の調整が手軽に短時間でできます。 最適に表示するには、フォントサイズを16pt、アンチエリアスの種類をなしに設定します。 Webline 16 bitmapfont Data フォント名 : Webline 16 No : 48 カテゴリ : ビットマップフォント ( bitmap font ) ファイルタイプ : TrueType 対応 : Windows / Mac OS リリース日 : 2013.05.06
Mindful Investments: Understanding Market Dynamics
In today’s fast-paced financial landscape, the fear of missing out (FOMO) has become a prevalent phenomenon among investors and traders alike. But what exactly is FOMO, and how does it manifest in the context of the market? FOMO, a term coined in the age of social media, refers to the apprehension that one might miss out on a rewarding experience or opportunity. When applied to the market, it repr
これはイイ！洗練された大沼養蜂のパッケージが「蜂蜜のように純粋」と海外で話題に:DDN JAPAN
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
ソシオメディア | iPhone の当たり判定を検証した
スマートフォンやタブレットなどのモバイルデバイス向けにUIをデザインする際には、タッチ操作に適したコントロール表現を追求しなければいけません。 タッチ操作に適したコントロール表現とは、前回書いたジェスチャもありますが、それ以前に、ボタンやリンクなどのUI要素を指で押しやすい大きさにすることが大切です。 パソコン画面のマウスポインターと違って、タッチスクリーンにおいて指でボタンをタップする場合、指がそのボタンを覆い隠してしまうので、意図した場所に正しく触れているのか分かりにくく、またボタン自体の視覚的なフィードバックも確認しづらいという課題があります。 またマウスポインターではピクセルレベルで画面上の座標を指し示すことができますが、指先ではそのような細かい操作はできません。 ですからタッチデバイスでは、ボタンやリンクが細かく密集しているようなデザインは大きなストレスになります。 最低限の大き
tumblrのYouTube埋め込み表示がカッコイイ
最近tumblrのダッシュボードで流れるYouTubeの埋め込み表示が変わって「お!」な感じだったので調べてみました。 まずYouTubeの動画を普通に貼りつけると、こうなります。 特にこれでも問題ないというか、Youtubeの特徴的な再生ボタンのおかげで十分動画だと分かります。しかし最近のタンブラーの動画サムネはこのように変わりました。 面白いですね。ノイズが動いているおかげで、より動画っぽい印象が増しています。 劇的な変化でもないし、良くなったか悪くなったかは微妙な所ではありますが、個人的にはタンブラーらしい変化かなと思いました。※タンブラーは機能が増えるよりも減ることに喜びを感じる思想を持ってます。 というわけで、ソースを覗いて実現法を見てみましょう。 実装方法 通常のYoutubeの埋め込みコードはこちらです。iframe一行のみ。 <iframe loading="lazy" w
Film on Paper
Title Jaws AKA Les dents de la mer [The teeth of the sea] (France) Year of Film 1975 Director Steven Spielberg Starring Roy Scheider, Robert Shaw, Richard Dreyfuss, Lorraine Gary, Murray Hamilton, Carl Gottlieb, Jeffrey Kramer, Susan Backlinie Origin of Film USA Genre(s) of Film Horror | Thriller Type of Poster Program Style of Poster -- Origin of Poster Japan Year of Poster 1975 Designer Unknown
iOS Design Guidelines
September 28, 2015 in design iOS Design Guidelines About these guidelines These guidelines describe how to design apps that follow the official HIG for iOS by Apple, not what you can do with custom controls. Sometimes it makes sense to break the rules. The purpose of this document is to guide you, not to provide solutions for complex and unique design problems. Resolutions and Display Specificatio
ゼロからゲームアプリつくった後の大事なメモ
こんにちは、ゲームチームのキノです。 先週、カジュアルゲームアプリ「なぞダン -なぞるだけダンジョン-」がApp storeで公開されました！！！！ ひとさしゆびだけの超シンプルな（でもムズイ）ダンジョンゲームです！ 過去にキャンペーンの一環などでゲームは何度かつくってきましたが、 今回が初の企画段階からのモック含めた参加になるので、学んだことや役立ったを書いておきます。 あとは地味にデザイナー向けにアプリ制作のtipsなど。 意外と長くなってしまったので、週末にじっくりお読みください〜 アプリは無料！！こちらからダウンロードできます。 それでは記事の続きをどうぞ〜！！ 素材の話 いつも数字忘れるので アイコン （なにか見覚えのある階段的なアイコン） アイコンはかなり肝いりです。 気をつけている点は １キーワードで言い表せるか フレームと世界観はあってるか 類似アプリより突出しているか 画
1980年代のデザインが結構すごかったｗｗｗｗｗｗ:ハムスター速報
TOP > ネタ > 1980年代のデザインが結構すごかったｗｗｗｗｗｗ Tweet カテゴリネタ 0 ：ハムスター２ちゃんねる2012年7月27日 15:00 ID：hamusoku 1 2 3 1 :ハムスター名無し2012年07月27日 15:00 ID：lpUcbWRp0 夢があるよね 2 :ハムスター名無し2012年07月27日 15:01 ID：.o8rspV.0 昔の日本の精神薬のパッケージと雰囲気がよく似てるな 3 :ハムスター名無し2012年07月27日 15:01 ID：ebFm9Btf0 この頃のエネルギーってなんか引かれるものがあるよね 4 :ハムスター名無し2012年07月27日 15:02 ID：hNWhzz850 プログレバンドのジャケットだな 5 :ハムスターちゃんねる2012年07月27日 15:02 ID：9Ep.8SPx0 お！サイバネティクスゥー！
大手メディアが報じない、新型MacBook Proの重要なデザイン変更点は『コネクター』にあり - キャズムを超えろ！
去る2012年6月に発表された新型MacBook Pro。Retinaディスプレイ搭載と薄型化ばかりがフィーチャーされるが、筐体にはデザイン性を大きく向上させる重大な変更点があった。が、各PC系メディアはこれを取り上げない*1。気づいてないんかねー？というレベルで。ライター諸氏はAppleのデザインは今度もクールだなんてぼんやりしたことを書くんじゃなくて、クールに”見えるように”こういうことをやってきているんだよってことを書いていただかないと。もっとも、プロダクトの設計やデザインの専門家ではない方が評してることが多いので致し方ないのだろうけれども。本Blogでは今後も気になる製品の細かな設計上・企画上のポイントみたいなものを取り上げて行きたいと思う。 ・・・・閑話休題。まぁよい、とにかく大変更があったんだと。で、それは何か？ というと基板に実装されている各種IO類のコネクタ*2が『デザイン
Responsive Typography: The Basics
When we built websites we usually started by defining the body text. The body text definition dictates how wide your main column is, the rest used to follow almost by itself. Used to. Until recently, screen resolution was more or less homogeneous. Today we deal with a variety of screen sizes and resolutions. This makes things much more complicated. In the heat of relaunching ia.net I wrote a quick
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「iOS 7」における、デザイン哲学のせめぎ合い
Jony Ive Redesigns Things
JUNKYARD — NeXT STEP Mouse - Bluetooth [JY001/EQ] ...![JUNKYARD — NeXT STEP Mouse - Bluetooth [JY001/EQ] ...](https://cdn-ak-scissors.b.st-hatena.com/image/square/115de65604d76ac388b4ae7105221498faa6a945/height=288;version=1;width=512/https%3A%2F%2F64.media.tumblr.com%2Ffaea1b3069d3d9dd137b3197715554aa%2Ftumblr_mlthe7iFN01soeztho1_1280.jpg)
Xoilac TV | Trực tiếp bóng đá Euro HD, Xôi Lạc trực tuyến 2024
ist-jo.in - ist jo リソースおよび情報
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
イノベーションの方法としてのデザイン思考
