iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
乱数チューニングによる動きのコク
乱数チューニングによる動きのコク 1. 一様乱数 いわゆるMath関数による乱数。 雑味や臭みが強く、そのままでは使い物にならない。 2. 雑味を取り除いた乱数 下処理として臭みや雑味を取り除いた状態。一様乱数特有の発作的なガタツキがないのがわかるだろうか？ 過去2フレームに、距離33%以内の重複数が出ないようになっている。 シャッフルやスロットのアニメ処理など、2連続で同じ数字が重なるとバグって見える表現に有効。 3. コクのある乱数 乱数の旨味が濃縮された状態。中心極限定理により、自然な風合いに濃縮されている。 加算式による天然の正規分布は、ボックスミューラー法の養殖された乱数と違い、加算回数で生産者ごとの味わいが出せる。 パーティィクルや自然シミュレーションと相性が良い。 4. 芳醇なまろ味を出した乱数 口に含んだ後に、豊かな香りが広がる乱数。移動平均により連続性を出すことで、揺らぎ
社員がフリーランスになる前に教えておきたいこと | fladdict
秘密結社THE GUILDも仲間が15人近くになり、僕の直轄チームも3人に増えた今日この頃。直轄チームのみんなには、できれば幹部になって欲しい。でも、翼を折って囲い込むのではなく、いつ独立しても恥ずかしくないように育てていきたい。っていうか、ここに書いたのできるまで、独立なんぞ許さんよ的メモ。新入社員は各自マスターしておくこと。 1: 収入の一定パーセントを貯蓄しなさい 収入の10%〜20%を、お給料日に自動振り込みで貯蓄しなさい。お金持ちになる唯一の方程式は「消費＜収入」。この方程式が強制的に維持される仕組みを作る。これが人生を安定させるために一番重要なことです。 2: 生活資金を半年分ためなさい まず無収入状態でも3〜6ヶ月生存できる貯金を作りなさい。生活費の安全バッファは大型案件や、お金にならないチャンス案件を手に入れる最低条件です。安全バッファがなければ、常に生活費のために自分を切
THE GIANT MAP インスタレーションのメイキング | fladdict
フランスで展示してきたTHE GIANT MAP。いろいろ四苦八苦したので、制作忘備録。将来の自分と、今後こういうのやってみたい人用。 きっかけ 実はもともとはGoogle主催のアートコンペ、Google Dev Artエントリー用の作品だった。 このDevArtは、グーグルがスポンサーとなって行われるデジタルアート展覧会へに出品するための公開コンペ。たった1人の座を争っての世界中からのバトルロイヤル。条件は２つ。Googleのテクノロジーを使った、デジタルアート作品を作ること。そして、途中プロセスを全て公開すること（プロセスも審査に含む）。 ちょうど新しいことをやりたいなぁと思っていた僕は、無謀にもこのコンペにエントリーを試みる。 コンセプト設計 まずは何を作るべきか！？というところで、コンセプト設計から。ロンドン留学時代に学んだことは２つ。コンセプトのない作品は評価されないこと。ワール
スマホUI考（番外編） UIやUXを劇的に改善する、『ビッグオー駆動型開発』とは | fladdict
いま『ビッグオー駆動型開発』とよばれる開発手法が、業界の一部で注目を集めている。 その理由は非常にシンプルだ。『ビッグオー』は非常に安価で簡単な手法でありながら、従来の開発手法に比べ劇的にUIやUXを改善できるためである。 製品コンセプトのような上流から、ボタンのレイアウトといった下流工程、さらにはグロースハックやプロモといったリリース後のフェイズまで一つの手法でユーザビリティを評価できる。この汎用性がビッグオー駆動開発の大きな特徴であり、導入時の利点となる。 今回はこのビッグオー、の概要と具体的なやり方について論じたい。TwitterのUI拡張予言以来、久しぶりのUI系エントリである。 ビッグオー駆動開発とは何か？ ビッグオー駆動開発は、正式には『OKAN Driven Development（オカン駆動型開発）』とよばれる開発手法である。 これは自分のオカンを指標とすることで、低コスト
アンチソーシャル系の日記アプリ、Livreをリリースしました | fladdict
安藤さん山口さんといっしょに日記アプリ作りましたー。 UIの基礎設計部分となぜか効果音とかを担当。 アンチソーシャル系の１人引日記アプリです。ソーシャル疲れした人、無料なので是非。 株式会社Nagisaの新サービス「Livre」アプリをTHE GUILDで担当しました。 Livreは日々の記録を、自分だけの日記としてプライベートに管理するサービスです。 かんたんな操作でテキスト、スタンプ、写真といった形で日々の記録を残し、タイムライン、カレンダー、アルバムという形で過去の思い出を振り返る事が出来ます。 Credits: Client: Nagisa Inc. Project Management: Masato Yamaguchi (THE GUILD, Alpha Version Inc.) UI Direction: Takayuki Fukatsu (THE GUILD, Art &
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
iOS7用のアイコン製作テンプレート（ピクセル最適化済） | fladdict
WWDCの発表を受けて、Appleが発表したiOS7用アイコンのイラストレータ用テンプレートを作ってみた。 すでにいくつか先行作成されたものがあるものの、ストアサイズ1024pxを基準としたものが多い。 だけどこのサイズは実機表示には都合がわるい。 120pxにリサイズするとデータが滲んでしまう。 そこでこのテンプレートでは、実機サイズ120pxの10倍スケールの1200px基準にしてみた。 10px単位で要素を配置すれば、パッキリとピクセルパーフェクトなアイコンになるはず。 検証に写真アイコンのコピーを作ってみたが、問題なく表示されるはず。 あわせて黄金比分割ガイドも、実機表示でピクセルが滲まないように端数調整している。 外枠のコーナーに関しては、どうも手動の視覚補正つきコーナー為、もう少し使い込んでアップデートしてみたい。 （アップデートしました）。
開発者必見！ 5秒でわかるフラットデザインまとめ | fladdict
・どこ押せばいいか謎 ・言われてるほど新しくない（スイス系のリバイバル） ・立体より工数低いが、誤摩化しがきかず難易度高い ・でもデザイン料を安くされそう ・日本語だと高確率でダサくなる
相撲を一眼でミニチュアっぽく撮ってみた | fladdict
1月ぐらいに勢いで撮ってみた。 ハッケヨイヨイ ノコッタノコッタ ポイっとな 四股 選手入場的な カメラはCanon 5D Mark3、レンズは例によってTS-E45 F2.8とTS-E90mm F2.8。 俯角25〜45度の見おろしで、被写体をクオータービューの角度で撮りつつ、TSを逆アオリf2.8-5にセッティング。 場内は暗いのでISOを犠牲にしてシャッタースピードを稼ぐ。 iPhoneアプリでとる場合はTiltShiftGenで加工したあとに、Instagramがよいかと。
JSでアメーバのシミュレーション作ってみた | fladdict
jsでアメーバのシミュレーションを作ってみるなど。ブラウザで5分ほど放置しておくと自然淘汰でなんか生まれます。要HTML5環境(iPhoneだと重すぎる)。 スケッチの製作環境を、Flashからprocesing.jsに移動しようかなぁというテスト。「x‐DESIGN――未来をプロトタイピングするために」の一章を読んだら、なんか無性になにかを作りたくなったので、作ってみた。 processing.jsライブラリの勉強に、アメーバのシミュレーションを作成。 今までJavaScriptでのスケッチには、creative.jsを使ってたんですが、簡単なスタディにはprocessingのほうがいいかもしれない。 Daniel ShiffmanのFlockingとかを脳内イメージしながら、適当に書いてみた・・・はずが完成したら別物に アメーバは、細胞が単体のうちはブラウン運動する程度しかできない。と
iCloudハック事件の手口がガード不能すぎてヤバイ | fladdict
GizmodeのライターがiCloudのアカウントを乗っ取られ、iCloud消滅、iPad, iPhone, Macのデータワイプ、Gmail, Twitterの乗っ取りを食らった件について、ハッキングを本人が語ってらっしゃる。 手口としては典型的なソーシャルエンジニアリングによる、複数サイトから得た情報のギャザリングを用いたハック。 だがこのハッキングのプロセスが鮮やかすぎてヤバイ。ツールを一切つかわず電話だけでハッキングしてる。 Twitterアカウントに目をつける 元々クラッカーは、Gizライターの持っていた「３文字のTwitterアカウント」が欲しくてアタックをかけたらしい。 Twitterプロフィールから、本人のウェブサイトへ 本人のウェブサイトからGmailのアドレスを発見 Gmailで「パスワードがわからない」から再発行 再発行メール用のアドレスが画面に表示される。この m*
０円の広域負荷分散システムCloudFlareが素晴らしい件 | fladdict
fladdictの非公式プロジェクト（いわゆる裏dicct）に、posemaniacs.com というサービスがある。 絵のデッサン素材を無料配信するサイトだけど、いつのまにやら老舗サイトに。気がついたら1日の転送量が30〜40GBまで膨れ上がっていた。あまりの負荷にホスト元のhetemlさんでアクセス規制、あわや閉鎖の危機の大ピンチ。わりと本気で、Pixivとか星海社とかマール社にサービス譲渡とかしようか悩んだ今日この頃でした。 そんな折、@ku_suke さんのご了解で導入してみた、CloudFlareというサービスが、全ての危機を救ってくれた。マジ多謝です。 どういうサービス？ CloudFlareはCDN（広域負荷分散システム）。世界5カ所にデータセンターを有し、データをキャッシュして各地に配信するこで負荷分散してくれる。いわゆるAkamaiの同類だけど、ものすごい特徴が１つある。
fladdict » 年俸1円で新しい出版社のプロデューサーとして雇われました
講談社100%出資の新しい出版社、星海社にヘッドハントされました。Webを基盤にガンガン攻めまくる、新しいタイプの出版社です。 インタラクティブ・プロデューサーという謎の役職ですが、平たく言えばデジタル戦略のご意見番。なんと、ブラック企業もビックリの年俸1円契約です。もちろん株も貰ってません。 僕のお仕事は、ウェブデザインというよりは、「右クリック禁止にしようぜ！」とか、「DRMつけようぜ」といった大人の事情あふれるご意見を、体をはって食い止めることです。 直近の活動は以下の通り。 ・右クリック禁止を禁止 ←通った ・DRM無くそうぜ！ ← 通った ・小説Webに載っけて、全文コピペ可能にしようぜ！ ←通った ・○○○を全面解禁しましょうよ ←通った ・○○を××して、こっちから書籍をWinnyに放流しようぜ ←保留状態 アナログメディアの電子化にありがちな、誰もハッピーになら
Appleの弱点と、対抗プレイヤーの取るべき戦略メモ | fladdict
Appleの全ての戦略は、iTunesを起点とした囲い込みをコアとする。この囲い込み戦略については5年前の予測エントリが、現状をあらわしていると思う。 この領域にて先行者利益を得ているAppleに対し、対抗プレイヤーが純粋に端末や、囲い込み戦略のコピーで戦うことは難しい。 Appleの土俵で勝負をするな よって対抗プレイヤーがすべきことは、Appleの土俵上にて同じルールで戦うことではない。 Appleの戦略がアドバンテージを失うように、市場のルールとトレンドを変更することだ。 その為にはどうすべきか？ ー Appleの戦略の起点がiTunesである以上、iTunesがイノベーションのジレンマにそのものになるよう、ルールを変更することができれば、Appleの支配体制は崩壊する。 商品を模倣するのではなく、攻め方を模倣する 実は、これはAppleがいままでやってきたアプローチそのものである。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SPECIMEN
Sketch