fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
WebでTitaniumの画面生成コードをさくっと作る·Titanium Form Designer MOONGIFT
Titanium Form DesignerはWebブラウザ上でTitaniumのUIコードを生成するソフトウェアです。 TitaniumはJavaScriptのコードの中でUIを定義して画面を作成します。プログラマーにとっては分かりやすいかも知れませんが、慣れてくると面倒に感じるかもしれません。そこでTitanium Form Designerを使ってビジュアル的に画面を作成してみましょう。 作成画面です。左側からコンテンツを中央の画面にドロップします。 ドロップするとプロパティウィンドウが表示されます。 画像の場合はURLを入力します。 右側にソースが表示されています。これをコードに貼付ければ画面が作成されます。 Titanium Form Designerではまだ単純に追加したオブジェクトごとに画面を生成するくらいしかできませんが、そこは将来性に期待といったところでしょうか。また基礎
titanium-mobile.jp
このドメインを購入する。 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
【Titanium Advent Calendar 2011：20 日目】Titanium mobile で「Path」の UI を再現してみる vol.1 | astronaughts.net
【Titanium Advent Calendar 2011：20 日目】Titanium mobile で「Path」の UI を再現してみる vol.1 この記事は、@astronaughts っていうかなりグダグダで変な人で、しかも自分が企画したかのようにしてるけど実は @t32k 発案の「Titanium Advent Calendar 2011」向けに書いています。 12月1日～25日まで毎日誰かが Titanium Mobile についての記事を書いていくというイベントです。 さてさて、イベント報告以外のことを書くのは久方ぶりな感じですが、前から書きたかった UI 実装について書いてみたいとおもいます。 で、せっかくなので有名どころのアプリの実装を真似てみようとおもい、UI が一新してから爆発的に流行っている iPhone アプリ「Path」の UI 実装を Titanium
そのUI, まずはCocoa Controlsで探してみよう - プログラミングノート
iOS Advent Calendar 9日目担当のntakuです。 もし、iOS開発する上で一番大変なことはなんですか？と聞かれれば間違いなくUIの開発！と答えます。同じ価値や機能を提供するにしても、使っていて気持ちが良いUIであるかどうかでアプリの評価は大きく変わってくると思います。 何がベストなのか、はやはり実際にプロトタイプを作ってみないと分からないわけですが、あのアプリのUIをちょっと真似してみようと思ったり、このアプリと同じように作ってくださいと言われるとそれだけで数日かかってしまうこともざらにあります。 そんなことを繰り返していると中々アプリが完成しないわけなのですが、その期間を少しでも短縮するために、私が開発する際に活用しているのがCocoa Controlsというサイトです。 Cocoa Controls Cocoa ControlsはiOSやMax OS X開発者が開発
下北沢オープンソースCafe
下北沢なひと、オープンソースなひと、Jelly!なひとのための、協働空間。下北沢オープンソースCafe Fork me on GitHub Facebook 下北沢なひと、オープンソースなひとへ、図書室のあるコワーキングカフェ。 Jelly!, meetups, schools, and parties! C'mon and join us! #{event.date}#{event.name} » Meetups Open source, Design, HTML, Ruby, PHP, databases, ...etc. » Library Find cool services and products. See the founders. 他にも、いろいろ! 約20くらいのプロジェクトやグループがあるみたい。 (掲載準備中) » Clubs & Projects Espresso,
デザイニング・インターフェイス本を読む会が @OSSCafe で始まります
下北沢オープンソースカフェの「WordPress の部室」にて6月から「デザイニング・インターフェース勉強会」が始まります。部室についての詳細はひとつ前の投稿をどうぞ。 発起人は @yasulab さん。前々回の部室の日に OSS Cafe にたまたまいた彼が、ちょうどデザイニング・インターフェース本の第2版と ThemeForest の WordPress テーマをベースに、UI デザインについて勉強していこうと思っている、と話していたのがきっかけです。 デザイニング・インターフェース勉強会バナー by @cognitom WordPress のテーマというオープンソースのコードから学んで業務にうまく活用するために、ただのコピペではないベストプラクティスが共有できると良いのでは？ということで、勉強会シリーズが開かれることになりました。略して、DI (2e) + TF（Designing
【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が０を１にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating
Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん（@monja415）。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
Collection: Design Patterns
Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Titaiumを使用してNavBarに画像を使用する - juicygirlsの日記 - Titanium + Sinatra
Custom Controls for iOS, iPadOS, macOS, tvOS, and watchOS - Cocoa Controls
ソシオメディア | UIデザインパターン
layer8.sh
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type