タグ UIパターン
人気順 10 users 50 users 100 users 500 users 1000 usersデスクトップアプリケーションのUIパターン - ウインドウ編(公開版) / UI Patterns of Desktop Applications - Window Layouts
デスクトップアプリケーションのUIパターン - ウインドウ編(公開版) / UI Patterns of Desktop Applications - Window Layouts デスクトップアプリケーションのUIパターン - ウインドウ編(公開版) macOSらしいウインドウをデザインするために役立つ基本パターンを紹介します。 macOS native Symposium #09 https://m... 続きを読む
CSSのみで表現OK 人気レイアウトやUIパターンを集めた便利ライブラリ CSS Layout - PhotoshopVIP
依存性なしで、フレームワークも必要なし。 CSSの特別なテクニックも必要とせず、リアルに使えるCSSレイアウトやUIパターンを集めたサイト CSS Layout が注目を集めています。 フロントエンジニアとして働くひとは、ウェブサイト制作においてどれだけ多くのレイアウトやコンポーネントを扱う必要があるかよく分かるでし... 続きを読む
2016年これからのWeb制作業界の流れ、注目されているテクニックやツール、Webデザインのトレンドなどのまとめ | コリス
数多くのブログで2016年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目キーワードは、UI/UXはユーザーありきを忘れずに、洗練されたUIパターンとコンポーネント、旧バージョンIEのサポート終了、静的ページのジェネレーター、ページの肥大化。 淡いピンクとブルーは、今年のトレンドカラーのローズ クォーツとセレニティ 参考: 201... 続きを読む
フラットなデザインに効く30種類のUIパターン、PhotoshopやSketch用などが揃った商用利用無料の素材 -Awesome UI Kit | コリス
先日紹介した「63種類のUIデザインの特徴と実装の注意点がまとめられた無料のeBook」のUXPinの中の人から、UI素材をリリースしたよ、とメールをもらったのでご紹介。 フラットなデザインで効果的に使えるUIパターンが...記事の続きを読む 続きを読む
AndroidのダメなUX、UIパターン - あぷすた
要点をまとめておきます。 読み込み中のダイアログを頻繁に出さない 何度も出るとうざいし、読み込みをキャンセルできないと端末を叩き付けたくなります。 解決策としては、アクションバーの下にプログレスバーを出したり、コンテンツの表示部分だけにロード中のマークなどを出すようにする。 ボタンが小さすぎる 縦、横48dp以上が望ましいです。 ダイアログの「はい」「いいえ」ボタンの位置を標準に合わせてね フィー... 続きを読む
「UIパターンのとらえ方」– RIA アーキテクチャ研究会 第3回セミナーで話してきました! - the sea of fertility
3/10 RIAアーキテクチャ研究会 第3回セミナーで話してきました。 RIA アーキテクチャー研究会 第3回 セミナー http://atnd.org/events/24951 資料を公開します。UIパターンの理解を妨げる先入観、多少はぶち壊せたかな?。 スライドはアニメーションを多用しています。しかしアニメーションを飛ばすと要点が隠れてしまうようになっています、ごめんなさい><。 終了後に目に... 続きを読む
スマートフォンサイトのUIパターンやフレームワーク・ツールなどをまとめたサイト -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
いくつか同じようなギャラリーサイトは ありますが、こちらもなかなか見やすか ったのでメモ。スマートフォンのUIの パターンギャラリーサイトです。スマー トフォンに限らず、通常のWebサイトの パーツデザインの参考にもなりそうです。 特にスマートフォンのUIは細かい部分のこだわりが見られてとても参考になりますので見ておいて損は無いかと思います。 Patterns of Design シンプルな作りで... 続きを読む
使えるUIパターンのPSDをまとめた「70 Free PSD Web UI Elements For Designers」 | Web活メモ帳
UIを作成するのは非常に時間がかかりますよね。時間を節約しながらクオリティを保ちたいときに使える素材がまとめられていたのでエントリーです。 PhotoShopで使えるUIデータが70点まとめられた「70 Free PSD Web UI Elements For Designers」をご紹介。 Web UI Element Pack ボタンやチェックボックス、ローディングバー、スライダー、ページング... 続きを読む
iPhoneアプリのUIパターンを集めた『Mobile Patterns』 - 100SHIKI ~ 世界のアイデアを日替わりで
資料として良さそうなのでエントリー。Mobile Patternsでは、iPhoneaアプリのUIパターンを集めて掲載している。スプラッシュスクリーンや、リスト、プロフィール画面など、よく使われれるUIごとに分類されているのが便利だ。iPhoneやAndroidでアプリを作るときにはこうしたものを参考にしてもいいですね。ただ、まだ数がそれほど多くないので、これから充実していくことを期待したい。 続きを読む
テーブルを見やすく、使いやすくするためのアルティメットガイド | コリス
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「(エクセルでいうところの)行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1... 続きを読む
「使えるUIパターンをまとめたサイト40選!」という記事があったので本当に使えるものだけ選んでみた - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
またしても「本当に使えるものだけご紹介」シリーズ。Smashing Magazineで「40+ Helpful Resources On User Interface Design Patterns」なる記事があったので全部開いてみて本当に使えそうなものだけピックアップしてみましたよ。40個は多いだろ・・・。 というわけでユーザーインターフェースのパターンをまとめたサイトですよ。「ここのインターフ... 続きを読む
要素ごとに分けられたウェブデザイン集『Pattern Tap』 - DesignWalker
以前、このブログでご紹介した『UIパターンいろいろ』 いろいろな見せ方を見て勉強するのはとっても大切なのではないでしょうか。 『Pattern Tap』は、ウェブデザインの要素ごとに分けられた、パターンライブラリのサイトです。例えば、ヘッダー部分のデザインや、フォームのサンプル、カレンダーのサンプルが集められていたりと…。何かと便利なサイトです。しかもサインアップすれば、自分のお気に入りパターンラ... 続きを読む
UIパターンいろいろ - DesignWalker
先月、公開されたばかりのNETTUTS。 NETTUTSでは、HTML、CSS、JavaScript、CMSなどのサンプルを、丁寧な説明と、コードを公開してくれる、とってもありがたいウェブデザイナーの為のチュートリアル・サイト。 毎回、ハイクオリティなPhotoshopのチュートリアルをアップされているPSDTUTSの姉妹サイトなので、サイト自体もとっても見やすくて、これからどんどん追加されていく... 続きを読む