2014.05.05 UIデザイン、必須ツールメモ 「自分が仕事に何を使っているか」を把握しておきたかったので、ジャンル問わず横断的にメモしたものをシェア。随時アップデート予定。 ## 目次 * [アプリ](#app) * [ガジェット](#gadget) * [文房具](#tool) * [書籍](#book) * [Webサービス](#service)
11/28に東京(汐留)で開催された、D2CRさん主催のセミナー「ゲーム以外で!事業として成功させるアプリビジネス最前線!第2回目!」に参加してきました。 本記事では講演で参考になったポイントをまとめたいと思います。クックパッドさんの講演については後日別の記事にてお送りする予定です。 SmartNewsのビジョン ・世界中の良質な情報を集め、それを必要としている人へ送り届ける。 SmartNewsがUIに関して評価をいただいている3つの理由 1、ページめくりによる軽快なザッピング エンタメみたりスポーツみたりと、いろんなジャンルを簡単に切り替えて流し読みが出来る。 2、独自のレイアウトアルゴリズムでアイキャッチと一覧性を両立 写真が大きく使えるということに加えて、1画面あたりの情報数が多く入る。 3、形態素解析と長体圧縮を取り入れた見出し組版 文字のサイズが行によって変わる。一番読みやすい
高齢者へのiPad導入を阻んだiOSのUI/UXの話 先月(2013年11月)、徳島県南部局と美波町が共催する「ITふるさと村」の講座で、iPadを使ったタブレット講座を開催しました。その成功と失敗の体験について書こうと思います。 Facetimeビデオ通話のデモで会場を一気に盛り上げたものの、参加者に実際に体験してもらう段階で「大失敗」。AppleIDの取得とそのためのiCloudメールの登録をしてもらってから、と進めたのですが、30名ほどの参加者のうち時間内にゴール出来たのは、たったの1名。好きなアプリをダウンロードしてもらい、タブレットの楽しさを感じてもらう目標が、そのスタート地点にも立てず(;_;) 企画や運営、インストラクターとしては完全に落第点でした。それを棚に上げると、高齢者とITに関する課題が大量に見えたという点では、ある意味「大成功」だったとも言えるでしょう。 【講座内容
さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った
Pandora UI Free for iOS – User Interface Pack FreebiesAndrian Valeanu • May 15, 2012 • 2 minutes READ After the successful launch of Pandora UI premium pack by Designmodo, we have decided to share a part of it with our beloved readers. You can now download the free version of Pandora UI containing a handful of elements that will definitely be helpful. The Pandora UI Free Kit, contains 2 samples an
WEB以上にUIが重要視される、モバイルアプリ開発。当然情勢も刻一刻と変わっていきスピード感も求められます。今日紹介するのは直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」。 ブラウザ上で、用意されたパーツを並べていくだけで簡単にUIを設計することができます。非常に直感的に操作できるようになっており、海外のサービスですが、説明やチュートリアル無しで制作していくことができました。 詳しくは以下 予めよく利用するパーツが取り揃えられれていますので、基本設計は用意されているパーツで十分行えると思います。 フリー版では1つのプロジェクトで10スクリーンまで、10MBのアップロード領域まで利用できるそうです。それ以上は、STANDARD、PROFESSIONAL、EXPERTと開発規模に応じて有料プランが用意されています。有料版の利用料金は料金は「Plans & Pr
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. User interface design patterns are sol
iPhone Device & Screen Sizes and Resolutions (Open image in new window) Compare Device Sizes To get the screen dimensions (in points) of the current device: Objective-C: CGRect screenBounds = [[UIScreen mainScreen] bounds]; // Macros: #define screen_width [ [ UIScreen mainScreen ] bounds ].size.width #define screen_height [ [ UIScreen mainScreen ] bounds ].size.height Swift: let screenBounds = UIS
metaspark.com is coming soon This domain is managed at
ども!さいきん「スタートアップ」と聞くと、がんばって飛んだはいいけれど、どこまでいっても着地できなかった「風船おじさん」的なニュアンスを感じてドキドキしてしまう@toru0325ことトールです。こんにちは。 今回は@astronaughtsさんの企画「Titanium Advent Calendar 2011」に参加ということで、めったに書かないブログを書いてみます。いやあ、こういうイベントでもないと、なかなか書くモチベーションがないもので。コンスタントにアウトプットできる人を心底尊敬します。というか、昨日の@goandoさんのモジュールがインパクトありすぎてこまってますw。 さておき、今年はTitaniumにかなりお世話になりました。Tiに出会ったのはたしかSDK1.4の頃ですから、1年ちょっとの付き合いですかね。Titaniumのおかげでモバイル開発に自信がついたと思いますし、たくさん
2011年8月24日水曜日 Titanium Mobileで作るiPhone/iPad、Android向けSalesforce.com Chatterクライアント(2) Tweet 前回の記事でTitanium Mobileを紹介しましたが、デモ用に、Salesforce.comの提供するChatterのクライアントアプリケーションを作成してみました。今回は、その作成手順を順を追って紹介したいと思います。 Salesforce Chatter Chatterは、Salesforce.comの提供するサービスのひとつで、企業組織向けのTwitterのようなSNSです。情報共有、コラボレーションのサービスを提供します。詳しくはChatterのサイトを御覧ください。 アプリケーションの機能 以下のようなシンプルな機能を実装します。 新着フィードを取得して一覧表示する 投稿者(プロフィール画像、名
UIの部品をたくさん追加するとコードの見通しが悪くなってくるので、なんとかしたいと思った。 そこでUIのプロパティを指定するオブジェクトを別の場所で定義して分離することにしてみた。 Ti.includeを使うとコードの分離は簡単なので、方法は至って単純。 styles.jsというファイルにプロパティの定義を追い出す。 2010/02/12追記 Titamium Mobile 1.5からJSSというものが使えるようになっていて、以下のstyles.jsでやっていることをCSSっぽく書ける。 ただ1.5の時点ではiOSで問題があり、JSSの更新が二度目以降のビルドに反映されず、更新を確認するためには都度build以下を削除しないといけないようなことになっているようだ。 元のコード まずは分離前。 hoge.js いたって普通に書いたコード。 UI部品が少ないうちは問題ないが、部品が増えてくると
いくつか同じようなギャラリーサイトは ありますが、こちらもなかなか見やすか ったのでメモ。スマートフォンのUIの パターンギャラリーサイトです。スマー トフォンに限らず、通常のWebサイトの パーツデザインの参考にもなりそうです。 特にスマートフォンのUIは細かい部分のこだわりが見られてとても参考になりますので見ておいて損は無いかと思います。 シンプルな作りです。パーツはカテゴリで分けられていて探しやすいです。ちょっと重いかな・・ 例えばこちらはグリッドのカテゴリ。同じ幅、同じ高さという限られた空間の中で、様々な工夫が見られます。 クリックするとその場でLightbox風にポップアップします。iTuneへのリンクもあるので確認しやすいですね。 同じようなギャラリーサイト似たようなサイトは沢山あるので合わせてチェックしてみてはいかがでしょう。 Mobile UI Patternspttrns
今年春にデビューしたばかりのタブレット向けOS「Android 3.x "Honeycomb"」だが、Motorola XOOMを皮切りに採用製品が多数登場し、現在では最新バージョンのAndroid 3.2を搭載する製品も発表されつつある。もし実際に自分がこれら製品のユーザーであったならば、こうした最新OSへのアップグレードパスが用意されるかは気になるところだ。もちろん最新バージョンであるに越したことはないのだが、諸般の事情でなかなかアップデートが提供されないこともあるだろう。本稿ではHoneycombにおけるマイナーバージョンに着目し、その違いやメリットなどについて検証してみる。 HoneycombとタブレットUI、そしてIce Cream Sandwich もともとスマートフォンなど小型デバイスでの利用を想定していたAndroidにおいて、昨今盛り上がっている「タブレット」というのは未
The domain av-jyo.com maybe for sale. Click here for more information. Av-jyo.com Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Web Designing Courses AVI DVD Player Online Data Protection MatchMaking Services Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Privacy Policy
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く