エバーノートのクリエイターが教える「魅力あるUIとUX」の極意
2012年2月3日、“シリコンバレー流”のユーザー・インタフェース（UI）やユーザー体験（UX）、ブランドのデザインをテーマにしたトークセッションが、デジタルガレージ本社で行われた。 登壇したのは、米エバーノートでクリエイティブディレクターを務めるゲイブ・キャンポドニーコ氏（写真1）。米アップルでの勤務経験も持つ同氏は、この数年にわたるエバーノートのアイコンのデザインからブランド構築までの数々の経験談を語った。 同氏が講演で指摘したUIとUX、ブランド構築のポイントは、以下の9点にまとめられる。 1）最初から編集に着手してはいけない 最初の教えは、「いきなり編集に着手してはいけない」。同氏がデザインする際に心がけているのは、できるだけたくさんの情報を収集すること。そのために同氏は、たくさんの人に会うのだという。 エバーノートには創業時から参加することになったので、同氏はまず企業ロゴを考える
TechCrunch | Startup and Technology News
The 2024 election is likely to be the first in which faked audio and video of candidates is a serious factor. As campaigns warm up, voters should be aware: voice…
Cocoaの日々: [iOS] iOS5 から標準で UINavigationBar に複数のボタンを配置することができるようになった
iOS/iPhone/iPad/MacOSX プログラミング, Objective-C, Cocoaなど UINavigationItem の API に iOS5 から rightBarButtonItems があることに気がついた。複数形ということは...？ 早速試してみた。こうすると。 UIBarButtonItem *item1 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:self action:@selector(touched:)]; UIBarButtonItem *item2 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCamera tar
![Cocoaの日々: [iOS] iOS5 から標準で UINavigationBar に複数のボタンを配置することができるようになった](https://cdn-ak-scissors.b.st-hatena.com/image/square/cfee2234fe59b8db7a7b8034a0bc48ee67035a1c/height=288;version=1;width=512/http%3A%2F%2F4.bp.blogspot.com%2F-WZrag3YV1Tc%2FTwW1unWp2xI%2FAAAAAAAAH50%2F_iRJPKdYBFo%2Fs1600%2F120105-0013.png)
Cocoaの日々: UIAppearance で色や画像を変える
UIAppearanceプロトコル iOS5 から UIAppearance プロトコルが導入された。このプロトコルを使うと UINavigationBar や UISwitch のインスタンスの色を変更することができる。変更の仕方はこんな感じ。 [[UISwitch appearance] setOnTintColor:[UIColor greenColor]];UIAppearance が有用なのは、上記の通りインスタンスではなくクラスに対して色設定ができること。つまりこれを使うと画面上で使われているすべての UISwitch の色を変えることができる。 例えば緑基調の画面があったとして、UIAppearance プロトコルを使うと別の色（例では赤）に変更することができる。 上記の例は１画面だけだが、アプリで使われるすべての画面で色が変わる。 上記例の色変更の箇所のコードはこんな感じ。
Cocoaの日々: CAGradientLayer を使ったグラデーション付きボタンの試作
基本の色は UIControl.backgroundColor で決める。 その上に CAGradientLayer をかぶせてグラデーションをかける。グラデーションは白色をアルファ値を変えて表現する。 self.gradientLayer = [CAGradientLayer layer]; self.gradientLayer.frame = self.bounds; self.gradientLayer.locations = [NSArray arrayWithObjects: [NSNumber numberWithFloat:0.0], [NSNumber numberWithFloat:0.5], [NSNumber numberWithFloat:0.5], [NSNumber numberWithFloat:1.0], nil] self.gradientLayer.co
Xcode 4 の Code Snippet Library にスニペットを追加する - その後のその後
先日のエントリーに引き続き、繰り返し作業撲滅シリーズ。 Code Snippet Library はXcode4で、Viewメニューから Utilities -> Code Snippet Library で開くとウィンドウ右下あたりに出てくるユーティリティで、ドラッグ＆ドロップでコードスニペットを貼付けられるようになります。 コードスニペットの追加方法 Code Snippet library を開く ソースコードのテキストを選択し、ライブラリーにドラッグ 新しくできたカスタムスニペットを開きEditをクリック 名前をつけてDoneをクリック ちょっと所望のスニペットを探しにくいのが難点かも・・・
Xcode 4 でのプロジェクトテンプレート作成手順 - その後のその後
以前ファイルテンプレートを自作する方法について書いたので、プロジェクトも同じように簡単にできると思っていたら、どうも勝手が違う様子。 僕がやったプロジェクトテンプレート作成手順を書いておきます。 （標準のTab Bar Applicationテンプレートを複製して、各タブごとにUINavigationController使えるよう改変したものを作った際のもの。別のタイプのプロジェクトだとまた勝手が違うのかもしれません） 1. テンプレートフォルダを用意する ~/Library/Developer/Xcode/Templates/Project Templates/Application/Tab Bar With Navigation Application.xctemplate （Tab Bar Application.xctemplate フォルダを複製して Tab Bar With N
Xcode 4 に自作ファイルテンプレートを追加する - その後のその後
Xcodeで新しいクラスを作ろうとすると、 こんな感じでテンプレートを選択できます。 が、見ての通りあんまり種類がありません。 （よく使うのはUIViewControllerのサブクラスと標準クラスぐらい） APIをコールするクラスとか、DBにアクセスするクラスとか、UITableViewを持つUIViewControllerとか、アプリを何個もつくってるとさすがに何度も同じコードを書いてる気がしてきたので、ちゃんとテンプレートを整備することにしました。 ※参考ページ Xcodeのテンプレートを作成する方法 カスタムテンプレートファイルの置き場 ファイルの置き場などは上記参考ページの頃とは変わっているようです。 私の環境（Xcode4）では、 デフォルトのテンプレートが入っている場所 /Developer/Platforms/iPhoneOS.platform/Developer/Libr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
