「Pttrns」はiOSアプリのUIパターンをまとめたサイトです。iOSアプリにも様々なUI・デザインがありますね。Pttrnsでは、iOSアプリの色んなUIを集めてカテゴリ分けしたサイトになります。アプリのデザインを考える際に役立ちますよ。　Pttrnsへアクセスすると、左側にカテゴリが並んでいます。試しに「Launch Screen」を見てみました。アプリが起動したときの画面ですね。 アプリを起動したときに表示される画面でも、アプリによってさまざまな特徴があります。今の流行りはどのようなUIなのか、自分のアプリと同じカテゴリのアプリはどのようなUIを採用しているのかなどを考える際に非常に役立ちますね。ぜひアプリのデザインをやられている方や、実際にアプリを作っている方はUI設計時に参考にするとよいでしょう。 Pttrns （カメきち）

こんにちは、結婚式で悪友に高校時代のポエム的なものを晒されたゆうすけです。 そういうの、本当勘弁してほしいんだよな。 先日Macの古いデータを整理していたところ、2008年頃のウェブサイトのキャプチャー画像を大量に発見。当時はWebデザイナーではなくエディトリアルデザイナーだったのですが、デザインの練習（模写）のために取り溜めていた様子。 あの頃の自分は結構真面目だったのかもしれない。 やっぱり今とだいぶ違うなー。具体的にどこが変わったのかな？と結構楽しく眺めていたのですが（どうしてアナログデジタル問わず、掃除をすると懐かしくて手が止まってしまうのか！）、せっかくなので記事としてまとめてみることにします。 当時の担当デザイナーがもしこれを見たら、恥ずかしくてたまらないかもしれないですけどね。一度世に出したものですからね。しょうがないね。 大阪府知事に橋下徹氏が就任し、船場吉兆があの伝説的な

日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipの“BE SUPER”なストーリーをシェアしています。

プレゼンや打ち合わせで参加者の心を掴むのって重要ですよね。 制作工程の初期段階で時間短縮することでUI/UXの開発にじっくりと時間をかけたい、という思いもあり色々なアプリや手法を導入しています。 弊社で現在ハードに活用している便利なアプリを2つご紹介します。 Riflectorを使ってアプリ＆スマホサイトのプロトタイプをその場で共有 Reflector これをインストールすれば写真のようにiPhone/iPadのAirplayを通して現在使っているスマホの画面をPCにダイレクトに写すことができます。ページ遷移やジェスチャーもこれがあれば容易にクライアントに伝えることができますし知らない人からしたらこれ自体のパフォーマンスでグッと引き込まれることでしょう。 インストールしたらiPhone/iPadのホームタスクバーからAirPlayを選択すればあっという間にミラーリングが開始されます。あとは

日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipの“BE SUPER”なストーリーをシェアしています。

こんにちは。あかねです。 デザイナーさん、エンジニアさんに作りたいものを伝えて、出来上がってきたものをチェックするのもディレクターの仕事の1つです。デザイナーさんが見る視点とは違うポイントを見ることで、デザインのクオリティをアップさせることができるかもしれない…！ 今回はディレクターとして見ておくべき、デザインチェックのポイントをご紹介します！ ディレクターの仕事の一つ。デザインチェック。 ポイント1　文字サイズ まずブラウザのサイズを1000×800くらいにします。そして画面を暗くします。そして明るくします。。。 そして見る部分は、 タイトル、見出し、文章それぞれの区別がつくか タイトルが強調されているか 行間が読みやすいよう工夫されているか 画面が暗いor明るい場合でも文字が読みやすいか です。 個人によって画面の明るさはまちまちですので、ターゲットとするユーザはどのくらいの明るさでサ

月末になるとやってくる、Goodpatchのまとめブログです。冬の足音が聞こえ始め、もうそろそろ街がイルミネーションで埋まる季節になりましたね。2013年もあと9週間ほどで終わりです！ さて、今月もGoodpatch社内で共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介します！ 過去のまとめ： 新しいものが大好きなグッドパッチで9月に話題になったアプリ、サービス、デザインまとめ 新しいものが大好きなグッドパッチで8月に話題になったアプリ、サービス、デザインまとめ 新しいものが大好きなグッドパッチで7月に話題になったアプリ、サービス、デザインまとめ アプリケーション MUSIXMATCH http://musixmatch.com/ カラオケの様に歌詞を追って表示してくれる音楽再生アプリケーション。動画がとてもおもしろく、アプリケーションの利用シーンがわかりやすくていいで

web制作でお世話になっている便利サイト 今回は画像もなしに一覧にしてしまおうと思います。使うときにパッと一覧するような実用性を考えているので、詰めてあった方がいいですよね。 webcre8がwebサイトの制作をしているとき頻繁にアクセスするサイトリストです。これらは大半、webcre8がこれまで「*役に立つ」タグをつけてブクマ管理していたものですが、他にも漏れがあったり他のタグに入っていたり、何故か毎回検索して使っていたサイトも多いので今回ひとまとめにしてついでにシェアしてみようかなって感じです★要はリンク集ですね。 これらのサイトをぐるぐる回っているうちにみるみるwebサイトが…出来てくると良いですねｗ 素材サイト まずはよくある素材サイト集。当然全てフリーで商用可です。webcre8は写真をバナーや商用サイトに使う事が多いので、有料素材が用意出来る場合を除き普段からクレジット不要のこ

Webサイトにおいて、レイアウトの基本的な型と、レイアウトからデザインまでの流れを簡単にまとめてみました。 レイアウトからデザインまでの流れを把握しておくと、その間の思考が分断されずデザインがしやすくなると思います。 また、ユニークなレイアウトにするにしても、あらかじめ基本的な型を知っておくと逸脱がしやすくなりますね。 レイアウトに影響を与える要因 レイアウトにはいくつかの型がありますが、まずその型を決定する前に、レイアウトに影響を与える要因を知っておく必要があります。これらの要因によって、レイアウトの型があらかじめ決まったり、レイアウトが大きく変わるからです。 情報階層の深さ →1ページのサイトなのか、第二階層以降ありグローバルナビゲーションが必要になるのか、など サイトの目的・属性 →そのサイトでは何を伝えたいのか。企業・ブランドのメッセージや情報、ユーザーに役立つ知識（Wikiped

最近僕の周りでWEBデザインの勉強やコーディングの勉強を始める人が多く、そんな方々向けに読んで欲しい、見て欲しいサイトをまとめる機会があったのでブログにポストします。 ブログに置いておけばこれから先また誰かに伝える機会があってもURL一つで教えれるので便利ですよね。 Index 1.WEBデザイン全般 2.色彩・配色 3.レイアウト 4.ユーザビリティ 5.文字・文章 6.フォント 7.コーディング 8.著作権 9.グラフィックツール関係 10.チュートリアル等 1.WEBデザイン全般 [連載]Webデザイン入門（1日目）：Stocker.jp [連載]Webデザイン入門（2:スケッチしよう）：Stocker.jp [連載]Webデザイン入門（3:光とボタン）：Stocker.jp サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。：MAKA-VELI.COM W

基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──オフィス作業に使えるツール（1） [technique 01] ブラウザでドキュメントが編集できるストレージを使う 文＝新谷剛史（（株）セカンドファクトリー） Tool Windows Live SkyDrive URL http://skydrive.live.com/?mkt=ja-jp SkyDriveは米Microsoft社が提供する25GBの大容量ストレージだ。アカウントはWindows Live IDのアカウントが使用できるため、クライアントとの共有や自分のファイル管理に使っている人が多いと思うが、Webサイト上から簡単に登録できるプレビューに参加すると、ブラウザ上でOfficeファイルの閲覧・作成・編集などを行うことも可能になる。外出先での急な対応やクライアント先のOffice製品のバージョ

A collection of great UI buttons spotted in the wild. Curated by MaxButtons.   Submissions welcome.