GitHub - Pixate/RubyMotion-PixateFreestyle: Pixate gem for RubyMotion.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Grid 日本語版
なぜ、レスポンシブに労力を費やすのか? 私達は全てのデバイスにおいて、スクリーンのサイズや縦横の方向といったユーザーの環境に左右されずに、ウェブサイトが利用しやすくなることを目指しています。 断片化された世界 2013年現在、数千種類のデバイスとスクリーンサイズがインターネットにアクセスしています。それら全てに対して、それぞれレイアウトを設計するのはもはや不可能です。そんなことより、デザインにより流動的なアプローチを取り入れるべきでしょう。 モバイルファースト 最近になって「モバイルファースト」という言葉がそこらじゅうで聞かれるようになりました。その言葉は、モバイル向けのスタイルから始めて、必要とされる時に大きなスクリーンに最適化したスタイルを適用するということを意味します。言い換えると、作成したモバイル向けのスタイルがデフォルトになり、それ以降に書き換える必要はないということです。それは
リンクかボタンかそれ以外か - Unreviewed
あるアクションを引き起こす「モノ」を「リンク」とするか「ボタン」とするかは、何を基準に判断すればよいのでしょうか。ここでは最近の私の解釈を書きます。 最近の私の解釈 最近の私の解釈は「アクションが、ページの遷移かフォーカスの移動を発生させるものはリンク、そうでなければボタン」というものです。この解釈はWAI-ARIA 1.0のある注記がきっかけになっています。 WAI-ARIA 1.0 WAI-ARIA 1.0 （2011年1月18日勧告候補）にはlinkロールとbuttonロールがそれぞれ用意されています。中でもlinkロールには私の解釈の直接のきっかけとなった注記があります。 Note: If pressing the link triggers an action but does not change browser focus or page location, authors
ズルいデザインテクニック2013 + セミフラット version
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/kssdezuo-rupatanraiburari 【アイコンを200こ描いた振り返り！】アイコンから知るデザインのヒントby @awayuki http://www.slideshare.net/awayukin/awayuki-pmd01-share ビジュアルデザインまでのデザインワーク by @yokotak0527 http://www.slideshare.net/YokotaKenji/ss-26460108
iOS な人が Android アプリを開発するときに気をつけたいこと | SmartNews開発者ブログ
Android の次期バージョン 4.4 の名称が《KitKat》だと発表されました。Android は歴代のバージョンに「アルファベット順のお菓子の名前」を付けていることで有名ですが、今回まさかの企業コラボ。「K」は「Key Lime Pie」になるだろうと言われていたのに、さすがの斜め上です。。 着実に進化を続け、いまやスマートフォンの世界シェアの8割近くを占める[1]ようになった Android ですが、多くのサービスは依然として「iOS ファースト」で開発している[2]ように思います。かくいう SmartNews も、まず iOS版から始まり、Android版が出たのはその数ヶ月後でした。 そういった場合、「iOS を出して、それがうまくいったら、Android にそのまま移植すればいい」というよう考え方をしてしまいがちなのですが、それでは多くの場合よいものになりません。どうしても
Paletta - HSV Color Palette for Every Programmer
Palettaは顕色系 (色相, 明度, 彩度) をベースに「調和のとれた色」だけを集めたカラーパレットです. 色を選択すると, 周囲の色が同系統の色に変わります. 画面上部のResetボタンを押すと, 色の選択が解除されます. カラーコードをクリックするだけでコードをクリップボードへ簡単にコピーできます. 詳しく
fladdictさんが考える「手触りのあるアプリ」（後編） ビジネスと手触り、デザイナーがコーディングを学ぶための方法
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
fladdictさんが考える「手触りのあるアプリ」（前編） iOS 7のフラットデザインと、これからのUIデザイン
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
不毛ながらゲーム性の定義 島国大和のド畜生
ビデオゲームにおけるゲーム性の話をすると、まず定義から始めねばならず色々と面倒くさいので、自分がゲーム性という単語を使う場合の定義を書いておく。 今後なんかあったらここにリンク飛ばしたり、随時アップデートしたりする予定。（未定） ここで扱うものはコスティキャンなどによる「狭義のゲーム性」であり、広範囲の物では無い。 ■ゲーム性とは まずゲーム性とは何かを絞り込む為に、 ビデオゲームからこれがなくてもゲームが成立するというものを削除していく。 最後に残ったものが「ゲーム性」(という考え方) 例として以下を見て欲しい。 これは有名なPC-6001mk2版のスペースハリアーだ。 敵の殆どが四角いブロックで表現される。 実際は音楽もあるし、ゲームには無関係の背景のスクロールはあるし、ハリアー自身はグラフィックで書かれているが、アーケード版とくらべると多くの物が削ぎ落されている事が解るだろう。 だが
物語の面白さとゲームの有用性 島国大和のド畜生
■補足と説明 というか。 順を追って説明する。 最終的にはゲームの話だが、出だしは漫画の話から。 自分は流行りモノを押さえる為にメジャー少年週刊誌を定期購読しているが、最近「エピソードは面白いのだけど、イマイチ人気の出ない漫画」がとても気になっている。複数ある。 逆を言うと、「エピソードは大した事無いが人気のある漫画」というのが、ヒット作の内の多くを占めて見える。 こういったヒットの有無は「キャラに魅力があるか」「キャラが共感されているかどうか」が指標でないかと思っている。 小池一夫はこれを「キャラが立つ」、富野由悠季はこれを「モテるキャラ」と呼んだ。 漫画のような娯楽では「キャラ立ち」が最重要と言われるように、どういうキャラがその物語を演じるかで、物語の価値が決まる。（ウケると言う事だ。） むしろ、キャラが活躍出来る物語が用意される。 興味の中心はキャラクターであり、キャラクターが何を成
ソシオメディア | フラットデザインはUIを進化させるか
ウェブやアプリのデザイナーであれば、ここ1〜2年のUIトレンドであるフラットデザインについてご存じだと思います。すでにこのトレンドを意識して実践しているかもしれません。今回はフラットデザインの特徴とそのポテンシャルについて考えてみます。 フラットデザインとは、画面に表示するボタンやメニューなどのUI要素を非常に平坦な見た目にするという表現手法です。ウェブでもアプリでも今やこのフラットデザインを取り入れているものが沢山ありますが、中でも代表的なのは、Windows 8 の Modern UI と Google の一連のサービスでしょう。 フラットデザインと言っても、もちろん明確な定義があるわけではなく、フラット度合いは様々に試されていますが、一般的な特徴をあげてみます。 UI要素の「塗り」に、グラデーションやテクスチャを使わず、単色にする ドロップシャドウやベベルといった立体感を出す表現を用
書評『スマートフォンのためのUIデザイン』 - Kentaro Kuribayashi's blog
tikedaさんより、新著『スマートフォンのためのUIデザイン』をご恵投いただきました。ありがとうございます。結論からいうと、名著、英語でいうと、"Epic, just epic"って感じ。必読です。 スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン 作者: 池田拓司出版社/メーカー: ソフトバンククリエイティブ発売日: 2013/03/30メディア: 大型本 クリック: 117回この商品を含むブログ (2件) を見る 本書は、スマートフォン用のアプリ・ウェブサイトのパタンを分類・整理した上で、網羅的に紹介する本です。かつての類書に『iPhoneアプリ設計の極意 ―思わずタップしたくなるアプリのデザイン』という本があって、これはこれで素晴しいのですが、本書はカタログに徹したことで、さらに価値を高めていると感じました。 そもそもデザインにとって、パタン化は伝統的な営み
Twitter Display Guidelines 日本語訳してみた » ABCanG's Blog
もはやここは備忘録ですね。 というか、そういう使い方のほうが合ってる気がする。 先日Twitterの規約が変わりました。詳細は下のブログからどうぞ。 拷問iPhoneアプリ開発:Twitterの規約変更でクライアントアプリとキュレーションがオワタ で、なんかDisplay Guidelinesに沿ってクライアントを作らないといけないみたいなんで、気になった時にすぐ見れるように訳してみました。 ※訳がおかしい部分もあるかもしれません。英語が出来る人は原文を見たほうがいいと思います。 一部last_0rderさんとDadrfyさんの訳を借りました。ありがとうございます。 ※8月19日現在 はじめに ユーザーがツイートと対話するときはTwitter.com ,モバイルクライアント,ウェブサイト,TwitterAPIで開発されたアプリケーションで交流するときはいつでも一貫した使用環境を持っ
テクノロジー : 日経電子版
電気自動車（EV）にコネクテッド（つながる）、自動運転――。新技術を搭載するクルマが続々と登場しているが、大ヒットを記録しているものは少ない。どうすれば普及期に突入できるのか。 「…続き エコカーに「無関心の壁」 米自動車市場の現実 ［有料会員限定］ ＥＶ時代はまだ来ない 現実解は「マイルドＨＶ」
Japan Open Source Design Committee
開発者の皆様へ 「いつもお世話になっているオープンソースプロダクトに、デザインというフィールドでコミットしたい」JOSDCはそういった思いのもとに集った非営利のデザインユニットです。 ロゴデザインやWebサイトのデザイン、UIやノベルティのデザインに至るまで、できる限りのお手伝いができればと思っていますので、私たちにできそうな事がありましたら、お気軽に代表のnagayamaにまでご連絡下さい。 デザイナーの皆様へ JOSDCに賛同しデザイナーとして協力したいという方がいらっしゃいましたら代表のnagayamaにご連絡下さい。JOSDCのOrganizationにinviteさせていただきます。
アフォーダンスからシグニファイアへ - A Successful Failure
2012年02月13日 アフォーダンスからシグニファイアへ Tweet D.A.ノーマンが『誰のためのデザイン? 』で紹介した概念、アフォーダンス(affordance)は、UIデザインにおける基本的な考え方として受け入れられてきた。UIに関する書籍を紐解けば、アフォーダンスに関する解説を見つけることができるだろう。率直に言ってアフォーダンスの考え方を知らないUI屋、デザイナーはもぐりと看做してよい。 デザイン界におけるアフォーダンス デザイン界においてアフォーダンスは、製品などのモノが、どのように扱われるべきか、どのような性質を持つものかが、ユーザに一目でわかるように付与された（主に）視覚的なサインの意味で使われる。わかり易い例を挙げると、アフォーダンスとは、踏んでは倒せないノコノコにトゲを付けるようなこと、と説明されている（下図）。トゲゾーはトゲという視覚的なサインによって、踏んではい
ヒントはクモの巣 鳥にやさしいガラス誕生｜地球ニュース｜Think the Earth
divebombin robin:Creative Commons,Some Rights Reserved,Photo by jnewland ドスンと音がして、オフィスや家の窓ガラスをみると、ぶつかった鳥が地面に―。 毎年たくさんの鳥がガラスによって命を落としたり、傷ついている事態を防ごうと、ドイツのアーノルドガラス社が鳥にやさしい窓ガラス「オルニラクス」を発明しました。斬新なアイディアが世界のデザイン界で最も権威ある賞のひとつといわれるレッドドット・デザイン賞2010の建築・インテリアデザイン部門で最優秀賞を受賞。7月にエッセン市で授賞式が行われました。 鳥はヒトには見えない紫外線を見ることができます。そこでクモの巣にかかる鳥がいないことからデザインのヒントを得て、紫外線を反射する網状の模様をガラスに施し、ヒトの目には透明でも、鳥の目にはしっかりと模様が映るように加工しました。同社と
ゲームデザイナー桝田省治氏の「戦闘計算式初級講座」
桝田省治 まとめサイト無断転載お断り @ShojiMasuda 戦闘で最も多頻度で使用するコマンドは「戦う」。剣などの武器による通常攻撃だ。このバランスさえしっかりしていれば、それなりに遊べるゲームになる。よって、ここでは、基本的な通常攻撃のダメージ計算式の作り方を解説する。 #SKSK 2010-04-18 18:07:19 桝田省治 まとめサイト無断転載お断り @ShojiMasuda まず念頭に置くのは「適正なバランスどり」だ。ここで言う「適正なバランスどり」には、ふたつの意味がある。ひとつは、ゲーム内の戦闘におけるプレイヤーの緊張感の維持。ふたつ目は、制作者があとあとイメージどおりにチューニングしやすいこと。 #SKSK 2010-04-18 18:07:42 桝田省治 まとめサイト無断転載お断り @ShojiMasuda 緊張感のある戦闘とは、ようするに、いくつかのミスや不運が重
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
流行に乗っていいの？フラットデザインの落とし穴