[O]フラットデザインカラーリングのコツを探すための７つの検証 – Olein 〜オレのインタレスティングなこと〜
検証１ http://dribbble.com/shots/1059591-Home-Automation-Flat-App-Design まずはこちらを検証してみました。 色のバランスを見てみるとペンタードと呼ばれるバランスに近いような気がします。色数が増える場合には、このようなバランスを保って配色を心がけるといいでしょう。（フラットデザインに限らず） ※ペンタード配色とは？ 色相環を５等分した色相同士の配色のこと 背景がブラックということもあってか、彩度は押さえ気味な印象でトーンも高くありません。こう、見た感じパンチのある色はほとんどありませんよね。落ち着いた印象です。 そうすることによって背景色とのバランスも取れるように考えてあります。 検証２ http://dribbble.com/shots/1052090-AirportChatter-V2-Concept/attachment
PCサイトをレスポンシブWeb化する際の悩みどころ | UCWD-Studio
少々前の話になるのですが、このサイトをレスポンシブWebにしてみました。実際の作業を通してPCサイトをレスポンシブWeb化する際に注意しておくべき点などについて整理しておきたいと思います。 CSS3にほとんど馴染みがない場合、どうしても知識のベースがCSS2に基づく事になると思うので、どことなくややこしそうな印象も抱えがちになりますが実装すること自体はとても簡単で、 CSS3で拡張された media queries で任意の条件を指定した上でその条件に当てはまる場合のCSSを記述する 大雑把にこれだけです。スマートフォン対応を想定する場合、スマホの画面領域に最適化させるためviewportの指定など、ほかにも手を加える箇所は出てきますが、レスポンシブWebに限ればこれだけで実現可能です。ただ、これだけでは意外と手順は少ないらしい以上の情報が含まれてないので、簡単な例を挙げてみましょう。 <
UIデザインの参考になるサイトまとめ | ナナメウエblog
毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins
iPhone/iPadアプリデザインで使っているツール
企画やらUIを考えるツール iPhone Idea Sheet（PDF） 三階ラボさんのアイデアシート（PDF）。 iPhoneの枠だけじゃなく、ナビゲーションバーやタブバー、ステータスバーが書きやすいように、うっすら線が入っていてGOOD。 印刷して何枚か持ち歩いている。何か作りたいなーどうかなーと思ったら、手書きでワーっと書く。このシート自体が美しいので、いいもの作れそうな気がしてくる。 紙なので、対面でのブレストやら打ち合わせしながら書き込みやすい。 Cacoo（Web） UIの構想がまとまってきたら、Cacooで清書してチームで共有。 iPhoneの各パーツのステンシルが揃っているので、きれいに、わかりやすく作れる。SkypeミーティングのときにみんなでCacoo触りながら話したりとかしている。 Interface HD（iPad App） iPad上で、iOSパーツを組み合わせて
iOS7で使用されているフォント「Helvetica（ヘルベチカ）」について勉強してデザインに取り入れよう！ | iPhone/iPadアプリ Applision（アプリジョン）
iOS7のデザインは、魅力的なエレメントが満載にちりばめられている。 美しいグラデーションのぼかし、半透明のシート、極限まで細いピクトグラム、フラットデザイン、そして今日注目したいのが「あの細いフォント」である。 「あの細いフォント」は、Helvetica（ヘルベチカ）という、デザイナーなら知らない人はいないとまで思える有名・・いや、もはや標準的なフォントだ。 ヘルベチカ（Helvetica）は、1957年にスイス人タイプフェイスデザイナーのマクス・ミーディンガー（英語版） とエドゥアルト・ホフマン（Eduard Hoffmann）が発表したサンセリフのローマ字書体。簡素で落ち着いた書体でありながら説得力に富む力強さが特長で、用途を選ばない幅広い汎用性がある。現在最も使用される書体の一つとなっているほか、出版や広告の業界では必要不可欠な書体として知られる。 今日ではフォントとして誰でも手軽
ITクリエイションズ – イノックス / INNOX » 【iPhone/iPadアプリ】 画面サイズ、アイコンサイズのまとめ
iPhone/iPad向けアプリケーション開発で、ＵＩデザインは必須です。 ただ、初めてデザインされる方には、高解像度用など各種用意する必要があり、 まだまだ混乱される方もいるようです。 詳しくはiOSヒューマンインターフェイスガイドラインに記載されているのですが、 分かりやすいようにサクッとまとめてみました。 【画面サイズ(ステータスバー無)】 iPhone/iPod 320×480ピクセル iPhone/iPod高解像度 640×960ピクセル iPad 768×1024ピクセル iPad高解像度 1536×2048ピクセル 【画面サイズ(ステータスバー有)】 iPhone/iPod 320×460 または 300×480ピクセル iPhone/iPod高解像度 640×920 または 600×960ピクセル iPad 768×1004 または 748×1024ピク
ところでiPadアプリってどうやって作るの？てなったときに読む記事
こんにちわ。4-ROOMSが終了なんてショック過ぎ！やしこです。 最近iPadのデザインに関わる機会がありまして、情報がまだまだ少なかったのでまとめてみました これからiPadのデザインをする方のお役に立てばうれしいです 今回はTwitterクライアントやリーダーで主流な２カラム型のアプリデザインです ePub（電子書籍）の作り方は先月のMDNで特集されていました iPadにしか見られない（WEBにない）仕様 縦横で画面構成が変わる iPadはiPhoneと同じく持ち方によって画面レイアウトが変形します。 縦横２パターンデザインする必要があります 意外とデザインをモニタの中だけで詰めていくと忘れる動きなので はじめにワイヤーに盛り込まれているか確認した方が良いと思います。 PopOver 項目の詳細を見たいときは画面遷移ではなくてPopOverとよばれる吹き出しのようなものがオーバーレイし
売れるiPad/iPhoneアプリのためのデザイン必須知識
売り上げを左右する以前に、デザインが原因でアップルの審査落ちも起こり得ます。基礎データや注意点、素材サイトなど役立つ情報満載！ iPad/iPhoneアプリのデザインは、不要？ 重要？ 2009年11月に登録数が10万本を超え、毎日増え続けるiPhoneアプリ（参考：AppleのApp Store、登録アプリが10万本を突破）。「そろそろ作り始めてみたいけど、どこから手を出せばいいの？」というデザイナの方もいらっしゃるのではないでしょうか。 カヤック意匠部では、ネタアプリから本格的な楽器アプリまで、多くのアプリをリリースしています。そこで今回は、その経験を生かして、iPad/iPhoneアプリ制作を始めるに当たってデザイナが押さえておくべき基本的なポイントを、まとめて紹介します！ 「デザインを一切しなくても、アプリは作れる」 と、いきなりですが、デザイナがいなくてもアプリは作れます。アップ
会社でiOSアプリを扱うときのアカウント管理はこうするべきだった？ | TOKOROM BLOG
2013年11月18日 追記 この記事を書いた後、何人かのかたから「うちでは同じApple IDで両方とも使えているよ」というご指摘をいただき、 Member Centerのほうにアカウント追加 -> iTunes Connectに同じアカウント追加という順番だと「警告は出るもののかまわずContinueすれば」同じApple IDでアカウント作成可能 iTunes Connectにアカウント追加 -> Member Centerに同じ追加という順番だと「複雑な手順にはなるものの適切な手順を通せば」同じApple IDでアカウント作成可能 失礼しました。 追加情報などあれば是非おねがいします！ 概要 私はiOSアプリの開発を3年以上やっていますが、恥ずかしながら会社でこのためのアカウントを管理/運用する方法をきちんと把握できていませんでした。 というのも個人で開発するぶんにはそんな管理は必
【大幅追加】すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ
2014-01-07 【大幅追加】すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ iOS開発の記事のまとめ こんにちはnasustです。『すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ』を大幅に更新しましたので、更新内容をこちらで紹介します。このまとめは、iOS開発者の有益な情報を提供する目的です。このまとめを読むだけで高品質なアプリが開発できるようにします。 以下のまとめを『すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ』に追加しました。 入門・
iOS Dev Centerの事や証明書(.p12)とプロビジョニングプロファイル準備 ～解説の解説の解説
このiOS Dev Center関連手続きについては、すでに多くの解説があるため、ここで１から説明しません。解説の解説の解説ってことで既存の解説を見ながら補足します。 この手続きは、当然ながらAdobeさんではなく、Appleさんとのやり取りになります。 しかしながら、AIR for iOSアプリ制作には欠かせないため、アドビさん関係記事などでそのノウハウを説明しています。ここでは、その解説を見ながら、アドビのFlash Professional でAIR for iOSアプリを作る人向けのメモとして書いておきます。（長いけど） まず最初の解説書 最初に提供された解説書は、アドビのリファレンスですね。 「Packager for iPhoneによる・・」と書かれていますが、これはCS5時点での名称で、CS5.5からは「AIR for iOS」となります。アップルさんとの手続きについても書い
日本のApple StoreでiOS Developer Programを購入しActivateするまでの全スクリーンショット
完全に新規の状態でのアカウント作成からiOS Developer Programを購入し利用可能にするまでの、できる限り撮り残したスクリーンショット集です。 日本のストアで購入すると一度サポートに連絡せねばならなくなると思います。そのトラブルを解決して購入・アクティベイトに至るまでを書いてあります。 追記：2014.5.20 法人登録についてですが、2014年版の「法人として iOS Developer Program に登録し、AdHoc用のプロビジョニングプロファイルを作成するまでの全スクリーンショット [2014]」を公開しました！個人での登録でも参考になると思います。 追記：2017.11 秘密鍵＋CSR作成〜証明書作成〜.p12作成〜プロビジョニングプロファイル作成までの流れについて、2017年版を作成したのでこちらにもリンクを置いておきます。 2014年5月2日に大重さんの本「
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
スクリプトで一発簡単！iPhone/Android/Mac/Windowsから接続可能なL2TP/IPSecなVPN環境を構築する
スクリプトで一発簡単！iPhone/Android/Mac/Windowsから接続可能なL2TP/IPSecなVPN環境を構築する 2014/01/06 技術ネタ CentOS, L2TP/IPSec, VPN L2TP/IPSecサーバ構築の忘備録 喫茶店や街角の無料WiFiが信用出来ない時や海外での接続時など、 「悪い人が沢山いるインターネッツ怖い！」「今すぐVPNが使いたい！」 って時。意外とあると思います。 自分自身何度かそんな目にあった結果、何も考えずにコマンド一発でL2TP/IPSecなクライアントVPN環境を構築するスクリプトを紹介します。 （画像はイメージですが、オフィス内や自宅内に構築する事で、オフィスや自宅に安心して接続出来る環境を作る事もできます。） 最後に一応スクリプトの解説も載せておきます。 出先からの使い捨て用VPNではなく、長期で利用を検討している人は一部設定
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
MdN Design｜総合情報サイト
Webデザイン 1-14 スマートフォン／タブレットを考慮したUIデザイン PCとスマートフォンの違いは、ブラウザの大きさだけではない。クリックとタップといった挙動をはじめ、相違点を充分に理解しておかないと、せっかくのWebサイトもスマートフォンではサーフできない可能性もあるので注意が必要だ。 制作・文／白木達也（アローグ・プランニングス） 飯塚まり子 一般的に、ある程度慣れたユーザーであればクリック=タップ、スクロール=フリックなどの、アクションとそのリアクションを予想することができる【01】。しかし、実際には端末によって微妙な違いがある。さまざまなハンドアクションがある中で、少し違いの目立つものを挙げてみよう。 【01】「Touch Gesture REFERENCE GUIDE」 米国のインタラクションデザイナー／IA であるルーク・ウロブレウスキ（Luke Wroblewski）氏
とあるコーダーの備忘録 |css3-mediaqueries.jsが効かなくて困った時のまとめ
最近にわかに盛り上がってきているレスポンシブWebデザイン。 PC・タブレット・スマホなど、様々なスクリーンサイズのデバイスに対応するためにメディアクエリを利用してスクリーンサイズ幅などに応じてレイアウトを調整する技術ですが、残念ながらIE8以下はこれを理解しません。 IE8以下はレスポンシブにならなくても良いなら話は早いですが、 「全部同じ見た目じゃなきゃヤダ！」というクライアントを説き伏せられない場合は 何らかのポリフィル系JSで対応する必要があります。 いくつか似たようなものはあるようですが、 おそらく以下の２つが最有力候補かと思います。 ・respond.js ・css-mediaqueries.js ■respond.js Adobe Dreamweaver CS6の目玉機能「可変グリッドレイアウト」でも利用されているスクリプト。 非常に軽量でサクサク動き、にわかに本命的な扱いを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.cmmntr.com/m/54
iOS Provisioning Portalがついにリニューアル！ とりあえずどんなものか
http://www.hp-stylelink.com/news/2013/07/20130716.php
