Checkboxes Unchecked Checked Disabled unchecked Disabled checked Radio Buttons Radio is off Radio is on Disabled radio is off Disabled radio is on
こたつにみかんはじめました。nonakaです。 週に1度は通販で買い物してます。そんな中、ログインする画面をいろいろ見たので、ファッション通販サイトのログイン画面を集めました! ファッション通販サイトの場合、ログイン画面に「新規会員登録」への誘導があるのがほとんどです。今回は、2つのパターンにわけてご紹介します。 「ログイン画面」エリア、「新規登録」エリアが上下にあるパターン セレクトショップ:BEYES ログイン画面、新規登録が上下にあるパターン。入力フォームが大きめで入力しやすい。新規会員登録のボタンは色を変えて目立たせてます。 無印良品 ログイン画面、新規登録が上下にあるパターン。フォームとボタンの横幅がそろっていて見やすいですね。 ユニクロ ログイン画面、新規登録が上下にあるパターン。入力フォームが大きくて見やすいです。ログインと会員登録の分けかたも見やすいですね。 子供服:goo
【2008年9月26日】 携帯コアユーザーの生の意見を収集した『モバイルレポート発行』 issue62「携帯電話とネット投票�U」
昔流行ったけど、これはもう使用しない方がいいものや人気がすたれているウェブデザインのトレンドをWeb Design Ledgerから紹介します。 Most Used and Abused Web Design Trends of All Time 以下、その意訳です。 過激な表現も一部あるので、留意ください。 はじめに 鏡面反射 アクア フラリッシュ コーヒーカップ 地球 コミックフォント ストックフォト ペーパー ポラロイド 特大のRSSアイコン 音の自動再生 カウンター マーキー ブラックの背景 スプラッシュページ スキップの無いイントロ ブラックの背景 はじめに トレンドは、ウェブデザインにおける良くないキーワードではありません。実際に、下記のリストのものはその時々でウェブデザイナーを鼓舞させました。これらのアイデアは影響が非常に大きくかったので、大量のクローンが作りだされました。
〒150-0047 東京都渋谷区神山町16-4-2C / tel:03-6804-9704 / fax:03-6804-9701http://www.uniqlo.com/calendar/ UNIQLOCKにつづくユニクロユーティリティーツール第二弾、ユニクロカレンダーの制作のお手伝いをしました。 ユニクロが捉える日本の風土、人々の営みをユニクロ独自の視点で切り取っています。 全国7都市、32か所で、Tilt-shitレンズという特殊なレンズでインターバル撮影した数万枚のスティル画像をつなぎ合わせて映像化し、ミニチュア風の映像に仕立てたものをメインに展開しています。 カレンダーは日めくりで、天気予報も付加されており、weathernewsのカバーするエリアは全世界対応しています。 映像部分をクリックすると、その瞬間の映像をモザイク化し、商品カタログ遷移します。この部分は以前のU
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 前回の記事に続き、サイトデザインが生まれる過程(デザインカンプができあがるまでの試行錯誤)を振り返ってみたいと思います。 私がデザインをご依頼いただいたときに踏むデザインプロセス 目的を明確にし、戦略を決める 要件定義を行い、サイトの構造を決める ページの骨格を決めたり、ページの中で見せたい情報に優先順位をつけたりする 見た目の表現を形にする 大枠に考えるとこのようなフローでデザインを行います。プロトタイプを作ってから問題点を見つけてブラッシュアップをする場合は2〜5をいったりきたりすることも多いです。 また、そのときのコンディションによって順序が入れ替わることもあります。 デザインプロセス(その1)でやってきたことを振り返ると、
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 制作過程みたいなものを書いてみたいと思います。 ロケットスタートに全力投球を誓った、けんすうさんからのご依頼 ある日、ロケットスタートの社長、けんすうこと古川健介さん(以下、けんすうさん)から :HOWTOサイトをつくりたいからデザインを依頼したい! ということで早速じっくりとお話を伺うことにしました。 ベンチャーだからこそできる!?合宿的制作スタイル 以前けんすうさんと一緒にお仕事させていただいたときに双方にとってよかったことがあります。 それは、デザインカンプができあがるまでのプロセスの段階で、短期間ながらじっくり直接やりとりする時間をつくる、ということでした。 宿泊こそ伴わないものの、合宿に似たようなスタイルです。 長い時
はてブ 「nanapi」に学ぶウェブサイトのコンセプトデザイン delicious livedoor クリップ Tumblr Instapaper メールで送信 IT・Web デザイン・アート 2009.09.18 0 ウェブサイトをどう作っていくか、というノウハウがこんなに詰まった記事を公開しちゃっていいんですか? と心配になるくらい、サイト作りのエッセンスが満載です。 "7分であなたの生活を便利にしちゃう ライフ共有レシピサイト"をコンセプトにした「nanapi(ナナピ)」のサイトデザインを手がけた、エスカフラーチェのpurprinさんのブログでは、よくある「デザインTips」ではなく、「どうやってたくさんの人に読んでもらえる魅力あるサイトを作るか」というコンセプトデザインについての考えがしっかりまとめられています。 具体的にデザインに落とし込むには、「サイトリリース時点でどうあるべき
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
メモ。 誰かの役にも立つかもしれないしってことで、いつも過去の案件のソースとか探してペタペタしてるけど、何処で使ったのか忘れたりするのでここに貼っておこう。 - コメントにて使用条件を書いてほしいとの事だったので念の為追記しておきます。 特別記載が無いエントリー以外は、どう使うのも自由です。 自分のブログにそのままソース掲載してもらっても、仕事で使ってもいいですし、あらゆる用途に対して自由に使ってください。 もちろん、改変・配布とかも自由です。 ただ、ウチで公開しているソースやサンプルに対して何らかの問題が生じても責任は負いません。各自の責任でご利用ください。 大体こんな感じです。 select要素でマークアップ済みの都道府県のやつ <select name="都道府県"> <option value="">都道府県をお選びください。</option> <optgroup label="北
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース(以下UI)設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな
画像編集と言えばPhotoshopが真っ先に挙がるだろう。高度な編集も容易にこなす、素晴らしいソフトウェアだ。だが高い、個人レベルではとても購入して使おうという気になれない。そこで代替えとして挙げられるのがGIMPだ。 GIMPを使い勝手よく! GIMPはオープンソースであり、無償で利用できる。だがインタフェースがこなれていない(玄人向け?)なので、一般ユーザには取っ付きが悪かった。そこで使ってみたいのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはGimPhoto、GIMPをPhotoshop風にして使い勝手を良くしたソフトウェアだ。 GimPhotoはGimPadというソフトウェアと組み合わせて利用する。GimPadはGIMP for WindowsをMIDウィンドウ対応にするソフトウェアだ。これだけでも随分使い勝手が良くなる。また、Windows風やVista風とい
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
Photo Editing and Graphic Design Made for EveryoneBeFunky's all-in-one online Creative Platform has everything you need to easily edit photos, create graphic designs, and make photo collages. Your All-In-One Creative SolutionWatch BeFunky in action to see how it makes your photo editing, collage making, and graphic design workflow seamless. Most Popular FeaturesBeFunky has an amazing collection of
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く