スタイリッシュで使いやすいUI制作の参考になるWebサイト6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れさまです、デザイナーのモモコです。 つい先日大雪が降ったと思えば、もう春一番が吹いたと聞いて、時間の流れは早いなとしみじみしています……まだこたつを仕舞いたくない！ さて、今回はスタイリッシュで使いやすいUI制作の参考になるサイトを6つご紹介します。 スタイリッシュで使いやすいUI制作の参考になる4つのサイト UYI https://useyourinterface.com/ ※現在はサービスを終了しています。 インタラクティブなUIを集めたtumblrページ。左メニューのArchiveから今まで投稿されたものを一覧で見る事が出来ます。 サムネイルにGIFアニメを使用しており、実際の動きを確認しながら見られるのが良いですね。 UNHEAP https://www.unheap.com/ 綺麗で実用的なUIが作成できるjQueryプラグインを多数紹介しているサイト。 フラットデザインで
フラットで綺麗なUIライブラリFlatUIのモバイルテーマ「FlatUI」:phpspot開発日誌
ququplay/jquery-mobile-flat-ui-theme GitHub フラットで綺麗なUIライブラリFlatUIのモバイルテーマ「FlatUI」。 jQueryモバイルのテーマとして利用できます。なんというシンプルで美しいUIなんだろうと思ってしまいました。 デフォルトのjQueryモバイルテーマは見飽きたという方は試してみても良さそう UIはこうしてライブラリがどんどん出てくる、という中で、WEBエンジニアとして出来ることを今後考えなくてはいけないな、と思いますね 関連エントリ スマホの入力が超楽になりそうなjQueryモバイル用のオートコンプリートプラグイン GoogleAnalyticsの結果をjQueryMobileでモバイル端末で表示するサンプル モバイルブラウザでの高速クリックを実現するjQueryプラグイン「jQuery Fastbutton」
スライド「 使ってもらえるアプリの考え方」を公開しました | fladdict
SlideShareにスライドを公開しました。「スマホデザイン会議 2012忘年会」でのプレゼンです。 監訳させていただいたTapWorthyの巻末原稿をベースに、より突っ込んだ話を追加しています。 ただし、時間的な問題で扱ってる範囲は、狭く深くしています。 完全版はまたどこか、別の機会に。質問やツッコミは @fladdict まで、よろしくお願いいたします。。
クックパッドデザイナー片山育美さんが語る「ユーザー目的を達成するためのUI」とは — [画面遷移ワークショップvol.2 レポート] | Startup Dating [スタートアップ・デイティング]
前回、5月に開催した「画面遷移ワークショップ」。その第二回を開催しました（前回の様子はこちら）。二回目となる今回は、日本最大の料理レシピサイト、クックパッドのUIデザイナー、片山育美さんをゲストにお招きしたトークセッション。後半には前回同様ソーシャルゲームの分野で活躍中のポケラボさんからお題を提供していただき、画面遷移を考えるワークショップを開催いたしました。 前半に6月にStartup Datingにインタビュー記事が掲載されて、大きな反響を呼んだ片山さんは、クックパッドに4人しかいないデザイナーの一人。片山さんはクックパッドのPCサイト、iPhoneアプリ、Androidアプリ、iPadアプリなどのデバイスに対応するデザインなども担当しているそうです。仕事以外にも、趣味がアプリ開発だという片山さん。最近制作した「恋人クイズ」というアプリは現在20万ダウンロードを超えているそうです。 こ
スマートフォンUXの最前線 に参加してきた #webcat - Diary of absj31
【増員しました！】スマートフォンUXの最前線 : ATND USTREAM: スマートフォンUXの最前線 2012/05/15 スマートフォンUXの最前線 #webcat - Togetter (写真：会場を含む高層ビルを、雨の中東京駅と併せて。) スマホ＆UIという、個人的に興味を引くキーワードな勉強会の情報をキャッチしたので、この日参加して来ました。 会場はグラントウキョウサウスタワー 41Fアカデミーホール＠東京駅。転職支援の『リクルートエージェント』さんのフロアになります。ビル自体は東京駅付近にある『八重洲ブックセンター』の、道路を挟んで対面に立つビルですね。 天候(雨)の都合もあり、5分ほど押した形で開始。以下メモです。 講演1：『iOSデバイスの進化に伴うアプリ開発とデザインの変遷』 HMDT株式会社代表取締役 木下 誠 氏(TwitterID:@mkino) 自己紹介： OS
エンジニアのためのUI改善講座
ITエンジニア向けにUI/UXの改善方法をご紹介しています。JavaScript, 主にJQueryを使った技術をご紹介します。WEBサイトの横幅はもっと広がりがあって良い 私たちが作るWEBサイトは、PCのディスプレイの関係上、さほど大きくは作りません。ユーザーは画面の横スクロールをすることを嫌うからです。横スクロールのバーが表示されるだけで、不快に感じる人もいるでしょう。 そんなわけで、普段私たちはWEBサイトの横幅をある程度、狭めて作っています。最近は1024pxで問題なく表示出来るように調整します。もちろんリキッドレイアウトを採用して画面幅いっぱいに広げることもあります。どちらにしても、もともと大きな画面を見る環境に無い人にとっては、WEBサイトの横幅は限られています。 横幅が自然に広がるUIアイデア Afracのサイトでこの概念をいとも簡単に突き抜けてしまったデザインを見ました。
ウィンドウサイズに合わせて要素をきれいに配置するJavaScript「Browser size aware content scaling」
twitter facebook hatena google pocket Googleの画像検索はウィンドウサイズによって表示件数を変えているのをご存知でしょうか？ 割り切れない個数の場合、余らせるのではなくあえて隠してしまうそのこだわり、あなたも追求しませんか。 jQueryを使用して同じ方法を実現する「Browser size aware content scaling like Google images」です。 sponsors 使用方法 jQueryからjquery.jsをダウンロードします。 また要素は今回画像として以下のようにマークアップされているとします。 <div id="content"> <amp-img src="画像パス1" /> <amp-img src="画像パス2" /> <amp-img src="画像パス3" /> <!-- 以下画像分 --> </d
テーブル周りの素晴らしいjQueryプラグイン30 – creamu
jQuery Wisdomというサイトで、テーブル周りの素晴らしいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 graphTable: graph data from HTML table using flot HTMLのテーブルデータからグラフを作ってくれる tableRowCheckboxToggle jQuery Plugin 行をクリックすることでチェックボックスのオンオフを切り替えられるようにするプラグイン UI Table Edit jQuery Plugin セルをクリックすることで編集可能にするプラグイン Colorize – jQuery Table Plugin マウスオーバーした列の背景をカラーリングしてくれる Animated Sortable Data Table jQuery plugin – jTPS テーブルにページネーションやソート機
大量のアイテムもスッキリとリスト形式のメニューにしてしまえる「jQuery ListMenu Plugin」:phpspot開発日誌
大量のアイテムもスッキリとリスト形式のメニューにしてしまえる「jQuery ListMenu Plugin」 2009年10月22日- jQuery listmenu plugin - javascript list navigation menu control 大量のアイテムもスッキリとリスト形式のメニューにしてしまえる「jQuery ListMenu Plugin」 次のように大量のアイテムがあったとしても・・・ ↓↓↓↓↓↓↓↓↓↓↓↓↓ jQuery ListMenu Plugin があれば次のように超スッキリさせることが出来ます。 使い方はいたって簡単で、次のようにコードを書けば最低限実装できます。 $('#demo1').listmenu(); $('#demo1').listmenu( { option } ); で各種カスタマイズも可能です。 日本のサイトとしては日本語が
PowerPointを使ってプロトタイプを作ろう·PowerPoint Prototyping Toolkit MOONGIFT
世の中には何でもPowerPointでやらないと気が済まないという人たちがいる。Excel使いがそうであるように、PowerPoint使いがいるのだ。余計なソフトウェアを購入するよりはよっぽども良いが、再利用性のない方法をとられても困る気はするのだが…細かいところは気にしないでおこう。 PowerPointを使ってアプリケーションの画面を作る そんなPowerPointウィザードな方々に送る、プロトタイプ作成ツールキットがPowerPoint Prototyping Toolkitだ。 今回紹介するフリーウェアはPowerPoint Prototyping Toolkit、PowerPointを使ってアプリケーションのプロトタイプを作成するツールキットだ。 PowerPoint Prototyping Toolkitは画面や画面を構成するオブジェクトを作成し、PowerPoint2007の
折りたたみできるクールなテーブル実装ができるjQueryプラグイン「jExpand plugin」:phpspot開発日誌
Expand table rows with jQuery - jExpand plugin 折りたたみできるクールなテーブル実装ができるjQueryプラグイン「jExpand plugin」 デモページ 右端の▼をクリックでペロンと中身が開けるテーブルをjQueryプラグインで簡単に実装できるようです。 仕組みとコードについても解説されています。 使い方は簡単で、$(#sometable").jExpand(); のように簡単に設定することが出来るようです。 関連エントリ コンピュータに指定フォントが入ってるかチェックできるjQueryプラグイン「jquery-fontavailable」 Youtubeの動画URLやvidからサムネイルを簡単に取得できるjQueryプラグイン「jYouTube」 タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery
开云体育平台app-娱乐最新版(官方认证)欢迎您
服务器错误 404 - 找不到文件或目录。 您要查找的资源可能已被删除，已更改名称或者暂时不可用。 XML 地图
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
ボタンやフォーム要素、シールなどWeb2.0っぽいUIパーツ集:phpspot開発日誌
IDEA * IDEA