2016年これからのWeb制作業界の流れ、注目されているテクニックやツール、Webデザインのトレンドなどのまとめ | コリス

2016/01/13 481 users コリス セレニティ ジェネレーター クオーツ コンポーネント

数多くのブログで2016年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目キーワードは、UI/UXはユーザーありきを忘れずに、洗練されたUIパターンとコンポーネント、旧バージョンIEのサポート終了、静的ページのジェネレーター、ページの肥大化。 淡いピンクとブルーは、今年のトレンドカラーのローズ クォーツとセレニティ 参考: 201... 続きを読む

AndroidのダメなUX、UIパターン - あぷすた

2014/04/13 216 users Android

要点をまとめておきます。 読み込み中のダイアログを頻繁に出さない 何度も出るとうざいし、読み込みをキャンセルできないと端末を叩き付けたくなります。 解決策としては、アクションバーの下にプログレスバーを出したり、コンテンツの表示部分だけにロード中のマークなどを出すようにする。 ボタンが小さすぎる 縦、横48dp以上が望ましいです。 ダイアログの「はい」「いいえ」ボタンの位置を標準に合わせてね フィー... 続きを読む

スマートフォンサイトのUIパターンやフレームワーク・ツールなどをまとめたサイト -Mobile Tuxedo | コリス

2012/02/21 410 users コリス Mobile Tuxedo スマートフォンサイト

Archive by month 2012年2月 (32) 2012年1月 (32) 2011年12月 (37) 2011年11月 (40) 2011年10月 (45) 2011年9月 (52) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51) 2011年5月 (46) 2011年4月 (45) 2011年3月 (33) 2011年2月 (43) 2011年1月 (40... 続きを読む

iPhoneやAndroidのUIパターンを収集するシンプルで見やすいギャラリーサイト・Patterns of Design - かちびと.net

2011/10/03 448 users iPhone Android net

いくつか同じようなギャラリーサイトは ありますが、こちらもなかなか見やすか ったのでメモ。スマートフォンのUIの パターンギャラリーサイトです。スマー トフォンに限らず、通常のWebサイトの パーツデザインの参考にもなりそうです。 特にスマートフォンのUIは細かい部分のこだわりが見られてとても参考になりますので見ておいて損は無いかと思います。 Patterns of Design シンプルな作りで... 続きを読む

iPhoneアプリのUIパターンを集めた『Mobile Patterns』 - 100SHIKI ～ 世界のアイデアを日替わりで

2011/02/15 299 users iPhoneアプリ 100SHIKI 日替わり アイデア 世界

資料として良さそうなのでエントリー。Mobile Patternsでは、iPhoneaアプリのUIパターンを集めて掲載している。スプラッシュスクリーンや、リスト、プロフィール画面など、よく使われれるUIごとに分類されているのが便利だ。iPhoneやAndroidでアプリを作るときにはこうしたものを参考にしてもいいですね。ただ、まだ数がそれほど多くないので、これから充実していくことを期待したい。 続きを読む

テーブルを見やすく、使いやすくするためのアルティメットガイド | コリス

2010/03/01 683 users ウェブページ エクセル コリス 縦列 横列

ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1... 続きを読む

「使えるUIパターンをまとめたサイト40選！」という記事があったので本当に使えるものだけ選んでみた - IDEA*IDEA ～ 百式管理人のライフハックブログ ～

2009/06/16 570 users IDEA インターフ ライフハックブログ 百式管理人 パターン

またしても「本当に使えるものだけご紹介」シリーズ。Smashing Magazineで「40+ Helpful Resources On User Interface Design Patterns」なる記事があったので全部開いてみて本当に使えそうなものだけピックアップしてみましたよ。40個は多いだろ・・・。 というわけでユーザーインターフェースのパターンをまとめたサイトですよ。「ここのインターフ... 続きを読む

要素ごとに分けられたウェブデザイン集『Pattern Tap』 - DesignWalker

2008/07/23 200 users ウェブデザイン DesignWalker ヘッダー部分 自分

以前、このブログでご紹介した『UIパターンいろいろ』 いろいろな見せ方を見て勉強するのはとっても大切なのではないでしょうか。 『Pattern Tap』は、ウェブデザインの要素ごとに分けられた、パターンライブラリのサイトです。例えば、ヘッダー部分のデザインや、フォームのサンプル、カレンダーのサンプルが集められていたりと…。何かと便利なサイトです。しかもサインアップすれば、自分のお気に入りパターンラ... 続きを読む

UIパターンいろいろ - DesignWalker

2008/05/16 482 users DesignWalker

先月、公開されたばかりのNETTUTS。 NETTUTSでは、HTML、CSS、JavaScript、CMSなどのサンプルを、丁寧な説明と、コードを公開してくれる、とってもありがたいウェブデザイナーの為のチュートリアル・サイト。 毎回、ハイクオリティなPhotoshopのチュートリアルをアップされているPSDTUTSの姉妹サイトなので、サイト自体もとっても見やすくて、これからどんどん追加されていく... 続きを読む