iOSアプリのデザイン「UIAppearance」でスタイルシートっぽいワークフロー #iOS #DeNA｜CodeIQ MAGAZINE
最近は、プロトタイプツールがWebデザイナーやUI デザイナー界隈で流行っていますが、iOSのコードを直接いじれば、より高速に精度高いリリースプロダクトが作れるかもしれません。 DeNA高橋伸弥さんが今回ご紹介する UIAppearanceの部分だけでも触れると、スタイルシートのようにアプリのデザイン調整ができます。 by 馬場美由紀 （CodeIQ中の人） UIAppearanceはCSS のように、UI要素をまとめて装飾可能な技術です。 iOS5より搭載開始し、iOS6、iOS7と若干の変更が行なわれながら着実に進化している機構で、今現在のiOSアプリデザイン実装の必須知識と言えます。 iOS5,iOS6でスキュアモーフィズムでジューシーなグラフィックのUIのアプリが流行りましたが、まさにこの機能が活躍していたと言えます。 iOS7からいわゆるフラットデザインが流行っていますが、よりグ
「深津貴之氏に学ぶ、スマホUI/UX講座 〜iOS7についての考察とfladdictデザイン論〜」に参加してきました。 | DevelopersIO
「デザイン = かっこ良くすること」だとは限らない。 デザインとは? 設計 複雑な問題を整理して解決すること わりとエンジニアリングに近い 文章を書く練習をすれば読みやすい文章を掛けるようになるのと同様に、勉強すれば人を困惑させないデザインは作れる。 ヒューマンインターフェースの原則 インターフェース = 接点、境界面、接触面、接合面、仲立ち、橋渡し ヒューマンインターフェース = 人とモノをつなぐもの ヒューマンインターフェースの原則 = アプリがユーザーとコミュニケーションをする時の原則 1.必然性のあるビジュアル 機能と外見が調和しているか？ TPOにあわせた格好をさせる ユーザーとコミュニケーションを取る ドレスコードみたいなもの(例:ゲーム:楽しく、ツール:信頼性ありそうな) 機能に最適な外見を与えることで... 使い方がつたわる。 とっつきやすくなる 2.一貫性 アプリ全体でル
未来を感じるアプリのUIデザイン - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ
2014-01-01 未来を感じるアプリのUIデザイン iOS開発 明けましておめでとう御座います。nasustです。 今年初めての記事になります。 去年の記事を振り返ってみると、UIデザイン系の記事が多かったですね。 自分は昔からUIのデザインが好きです。アプリが世の中に出る前はWEBデザインを勉強してウェブサイトを沢山作ってました。作りっぱなしで放置でしたが。 今回は未来を感じるアプリのUIデザイン紹介します。 Spotify Login Dribbble - Spotify Login by Nacho Ortega GIF Aimation Dribbble - Gif Animation by Sergey Valiukh UI Weather Dribbble - UI Weather by Sunbzy Dribbble Dribbble - Dribbble by Sylv
ナビゲーション/メニューのiPhoneアプリデザイン集22選
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
どんな動きにするか悩んだときに！UIアニメーションのインスピレーションを得られるサイトまとめ | Goodpatch Blog
皆さんはUIの動きを考えるときに、どんなものを参考にしていますか？いつも簡単にぴったりの動きが思い浮かぶわけではないし、悩んだときに何か参考になるギャラリーサイトなどがあったら便利だと思います。今回フランス人WebデザイナーのWalter Stéphanieさんが“Interface Animations and Transitions: where to get inspiration”というタイトルでUIのアニメーションやトランジションのインスピレーションを得られるサイトを紹介していたので、本人の許可を得て翻訳しました！ （以下”Interface Animations and Transitions: where to get inspiration”の翻訳。） photo credit: Jorge Quinteros via photopin cc UI/UXデザインにおいて、細
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
iOS7がフラットデザインになる理由を中村勇吾のツイートから考えてみる - 着ぐるみ追い剥ぎペンギン
もうすぐWWDCですね! WWDCとはAppleが毎年開催している開発者向けイベントです。開発者向けと行っても新製品などの発表会なのでApple信者にとっては年に1回のお祭りです。今年は6月10日（現地時間）に開催されます。 さて、そんなWWDCですが今年の見所にの一つに「iOS 7」の発表が期待されます。 iOSのバージョンアップは頻繁にある方ですが、iOS 7では設計が大きく変更される予定です。 しかも、Appleのチーフデザイナーのジョナサン・アイブが関わっているそうです。 速報：米アップル、iOS7で大幅に設計変更へ ―公式発表 | ガジェット速報 http://ggsoku.com/2013/05/ios7-change-design/ ジョナサン・アイブはApple製品のプロダクトデザインを手がけていますが、Appleのソフトウェアに関わってくるのは初めてではないでしょうか。
第4回 UXデザイナーの育て方
前回と前々回は、UX/UIデザインの具体例をご紹介致しました。今回は、自社でUX/UIデザインを行う際に、どのような素養（スキル）の人が適しているのか、また、どのように育てていけばよいのかを考えていきたいと思います。 デザイン×エンジニアリング×ビジネスの「交差点」 まず、どのような素養（スキル）の人がUX/UIデザイナーの適正があるのでしょうか。 私は、デザイン×エンジニアリング×ビジネスの「交差点」に立てる人だと考えています。なぜなら、UXデザインは、デザイナー、エンジニア、ビジネスマン（経営・マーケッター・営業・ユーザー）とコミュニケーションをとり、協力して問題解決していくことが必要なためです。互いの知見をオーバーラップすることで最高のユーザー体験を実現することが可能です。
開発陣が明かす「太鼓の達人」のUI誕生秘話
2001年にゲームセンターに登場して以来、子どもから大人まで幅広い層に愛され続けているバンダイナムコゲームスの和太鼓リズムゲーム「太鼓の達人」。Wiiやニンテンドー3DS、PSPなど家庭用ゲーム機のソフトの累計販売本数は700万本を超え、スマートフォンアプリも600万ダウンロードを突破。最近はTV番組のコーナーでも使用され、さらに人気が高まりつつあるところだ。 この太鼓の達人は極めてシンプルなゲームだ。基本的にはユーザーが2本のバチを手に取り、楽曲にあわせて太鼓の面とふちを叩くだけ。ゲームを始める前の準備までこの2つの操作のみで完結していて、ふちを叩いてジャンル・楽曲をスクロールし、面を叩けば決定となる。 家庭用ゲームやスマートフォンとなれば多少の違いはあるが、覚えるべき操作方法がほとんどない、という点においては共通している。このユーザーインターフェースのシンプルさにこそ、太鼓の達人が長き
クックパッドのUI設計の秘訣は仮説思考にあった！ - UX-design
2013-04-11 クックパッドのUI設計の秘訣は仮説思考にあった！ クックパッドと言えばRubyの匠として有名ですが、どうやらUX / UI に関してもめちゃくちゃ力を入れているようで、「こりゃ調べるっきゃねぇ！」と思い立ったが吉日。ググってるとこんな記事（【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が0を1にする仕事なら、デザインは1を100にする仕事 」）に出会うことができたので、この記事の中からエッセンスを読み取ってまとめてみました！ こんな人に読んでほしい！ ・他社はUI設計をどうやってるんだろう？と気になっている方 ・自社のUI設計を見直したいと考えている方 仮説思考とは そもそも仮説思考ってなんやねん！っておっしゃる方もいらっしゃいますでしょうから、少しばかり仮説思考についてお話させて頂きます。 仮説思考とはズバリ、”（精度の高い）思い込み”です。「もし
ユーザビリティを向上させる25のデザインの基本概念 デザイン会社 ビートラックス: ブログ
ビジネスにおけるユーザーインターフェイス(UI) や、ユーザーエクスペリエンス(UX)の重要性が頻繁に語られる事が多い。 Webサイトやアプリから始まり、自動販売機、券売機、車のダッシュボート、テレビ、トイレ、エレベーターのボタン配置に至るまで、”ユーザビリティー”と表現される ”使いやすさ” の大切さが注目を浴びている。 そして、その使い易さを生み出す最初の入り口がインターフェイスである。 インターフェイスとは、ヒトとデバイスとの円滑なコミニュケーションを達成するための媒介役であり、操作性や使い易さを印象づける点ではソフトやデバイスの成功を最も左右する、唯一無二の存在である。 今さら聞けないUI（ユーザーインターフェース) の基本 最終的なインターフェイスの仕事は “ユーザーゴール + ビジネスゴールの達成”であり、どんなに良いプロダクトを作っても正しい方向にユーザーを導き、ビジネスとし
思わず触りたくなるiOSのUIデザイン - RyoAnna
ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。 今回はiOS、特にiPhoneのUIデザインを紹介したい。どれも触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin
ユーザーを魅了するUIはまぐれでは生まれない
UIとUXの意味と価値をもう一度考えよう。大ヒットアプリ、LINEのプロダクトデザイン担当者が、制作現場での具体的な開発手法を語った勉強会をレポートする 2012年11月7日、六本木ヒルズにあるアカデミーヒルズ49階で「第4回テックヒルズ UI、UXの衝撃 ～ユーザーを魅了するプロダクトの裏側～」が開催された。UIとUXの根本的で分かりやすい解説がなされ、大人気アプリ「LINE」ヒットの裏に隠された緻密なUI／UXへのアプローチ方法や、実際の開発現場のノウハウが学べる勉強会だった。Webサイトやアプリに限らず、ユーザーにとって魅力的なプロダクトを作るための知識が披露された。 UXを意識したUI設計を UX Tokyo（UX関連の実践家ネットワーク）所属で、ミクシィの酒井洋平氏は、自身の朝の通勤風景を撮影した動画をスクリーンに流した後、UIとUXの定義を次のように語った。 「UXとはユーザー
HTML5で作られた「Clear」のサンプルが超スゴい件 - もとまか日記乙
以下を読んで。 kouseipapa.net/i » 「Clear」をまだ購入してない人はチェックしてみては？HTML5でサンプルが作られてますぞ！ おぉ、最近話題のiOSアプリ「Clear」のHTML5版サンプルだそうです。以下がそのサイト。 HTML5 Clear ちなみにこのサンプル、Safariで表示してアクションボタンから「ホーム画面に追加」してWebクリップ化し、Webクリップから起動すると、以下のように全画面表示になります。 おぉ、なんだかアプリっぽい感じ！面白い！ 最近のHTML5はすごいですねぇ。以前、調べるだけ調べてまだ何も出来てない以下とか、そろそろ何かやりたいなぁ、とも思う次第。 前から気になってたHTML5について色々調べてみました最近気になってきたjQueryについて色々調べてみました - もとまか日記乙 てことで。 ツイートする
KLab iPhoroid UI 発表！〜AndroidでリッチなUIを簡単に〜
umjammer です、 弊社の Android 案件の成果物として、リッチなUIを簡単に使用することができるUIコンポーネント群、名付けて「KLab iPhoroid UI」をここに発表します。 Android 案件を進めていく上で、お客様から言われる要件の一つとして「iPhone と同じようなUIにしてもらえませんでしょうか？」というのがあります。やはりスマートフォンと言えば iPhone というイメージが世間では強いのでしょうか？ Android には Android UI のポリシーが云々というのはありますが、そこはお客様の要望なので… そして Android のデフォルトで用意されている UI のみでは iPhone の様なリッチな UI & UX を再現するのは困難です。 サードパーティーも頑張って様々なリッチな UI を WEB に発表していますが、イメージの多用、メモリ管理
話題のアプリ『Clear』のUIを独自実装してみた！(+Gumroad)
ひとつ前のエントリーの続きです！(動画も同じ) 今回こそ、当初の目的であった 『Clear for iPhone』のUIを独自に再現した実装 についての解説を書いていきますね。 初めに断っておきますが、今回のエントリーはStudy CoreDataシリーズのようなチュートリアルではありませんのであしからず。。 部分部分でどういった実装をすればあのUIが実現出来るのか？というポイントを解説していきます。 このエントリーの最後に、Clearと同じくなにかと話題のGumroadでテストアプリを公開していますので欲しい方は是非！ (※ 更新：内容が古くなったため公開は終了しました) では、まず目次をば。 。。と、その前に前のエントリーで書きそびれてしまった事があったので。 ようこそタッチフリーの時代へ！画面に触れずに本が読める、MagicReaderを発表！ – STUDIO LOUPE こちら、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Weather App (Washing Machine) iOS7
新着記事
taikikawakami.tk
“Office 2010”に対応した「Office 2007-2010 オールドスタイルメニュー」