話題のCASHというアプリのUIデザインがめちゃよくできてる
最近メルカリとDMMのファイトがスタートして盛り上がっている即時キャッシュ化サービスですが、元祖のCASHというアプリのUIデザインがめちゃくちゃ良くできてる。ちなみにiOSアプリしか見てないけど、iOSアプリを作ってる人はとりあえずダウンロードしてみる価値あると思う。 世の中にはいろんなiOSアプリがあるんだけど、UIデザインがこれすごいわと思うものってやっぱり英語のものが多かったんだけど、日本人としては日本語メインのアプリでよく考えられているものが一番参考になるんですよね。なんといってもテキストはUIで一番多く使われている部分だし。 アプリって基本的に何度も考えて考えないとゴッチャゴッチャとボタンが増えていって、結果的になんだかスッキリしない使いづらいアプリが出来上がるんだけど、CASHのアプリはすごく良くできてる。なんというか、無駄を削ぎ落としている。 まず、デザインの色の使い分けが
『ペルソナ5』のカッコよすぎるUIの制作工程を紹介！ アトラスの危機から生まれ、やがて特徴となったUIができるまで【CEDEC＋KYUSHU 2017】 - ファミ通.com
2017年10月28日、福岡県の九州産業大学にて、コンピューターエンターテインメント開発者向けのカンファレンス“CEDEC＋KYUSHU 2017”が開催。本記事では、同カンファレンスにて行われたセッション“ペルソナシリーズにおけるUIクリエイティブの手法 ～ペルソナ5のUI事例～”のリポートをお届けする。 本セッションに登壇したのは、アトラスの和田和久氏と須藤正喜氏。和田氏はデザイナーとして入社後、さまざまな作品に携わり、現在は『ペルソナ』チームを統括しつつ、『ペルソナ3 ダンシング・ムーンナイト』、『ペルソナ5 ダンシング・スターナイト』のプロデューサーを担当している。須藤氏は、アトラス初のUI（ユーザーインターフェース）専属デザイナーであり、『ペルソナ5』ではアートディレクターとUIデザインリーダーを兼任。各種イベントのデザイン監修やプロモーション、ライツデザイン監修なども行っている
ジェスチャーで、機械と人はもっと仲良くなれる。SONY MDR-1000Xのインターフェースデザイン｜Goodpatch Blog グッドパッチブログ
SONYのMDR-1000Xは、我々を音質の悪いBluetoothリスニング体験から解放してくれる素晴らしいヘッドホンでした。 もしもあなたがケーブルが嫌いな音楽ファンであるならば、MDR-1000Xを検討するべきです。もちろん相性や好みなどはあるでしょうが、それでもMDR-1000Xが素晴らしいと断言できるのは圧倒的に「リスニング体験」が優れているからです。 はじめに 書き始めが偶然AirPodsの記事と被ってしまいましたが、今回はSONYのヘッドホンをレビューしたいと思います。僕個人としてもApple信者なので、AirPodsのすばらしさは理解していますし、AirPods派を否定するわけではないことをご了承ください。 2017年10月7日に、Sonyから新しいヘッドホンWH-1000XM2が発売されました。前モデルのMDR-1000Xと合わせて、機能とデザインが高い次元で融合している希
ライティングはUIデザインである | ykazu.com
低下するライティングスキル 私たち日本人は、文脈や背景の定義を必要とせず「相手を察すること」で疎通を図る「ハイコンテキスト」なコミュニケーション文化だと言われています。LINE や SNS でも短いテキストで会話が成立することは日常です。手書きからメールへ、そのメールは今やチャットに代わり、テキストの発信はどんどん増えています。 一方で、語彙力やライティングスキルが低下していると感じることはないでしょうか。記事のコピーペースト氾濫、分かりにくい文章表現、何かを PR する長文が書けない──。こうした問題はデザインやエンジニアリングの職域に関係なく、成果の質を下げているかもしれません。 ライティングは UI であること Basecamp や Campfire を展開している 37signals による『Getting Real』の中では ”Copywriting is Interface D
はてなブログの公開/下書きボタンのインターフェースデザインをリニューアル - Hatena Design Group
はてなブログを使っているとき、記事を書き上げて最後に押すボタンをつい、押し間違えそうになった経験はありませんか？ 最後の一手を、うっかり押し間違えないように これまではてなブログの記事編集画面では「公開する」ボタンと「下書きに保存する」ボタンを並べていましたが、これにより誤って隣のボタンを押し間違えてしまうということがありました。 今回のリニューアルでは、 ドロップダウンで選んでから押すことによって、2択を1択にすることで押し間違いを防止。 それぞれの状態で、ボタンのデフォルトを変えることによって毎回悩ませることを減らしました。 下書きの状態から 公開済みの状態から インターフェースに完成はない これからも様々なユースケースを考えて、改善していきたいと思います。 ぜひ、新しくなった公開ボタンではてなブログをご利用ください！
Power Up Your Animations! 💫
About the content This talk was delivered live in June 2015 at AltConf. The video was recorded, produced, and transcribed by Realm, and is published here with the permission of the conference organizers. Everyone knows how to create simple animations, but what if you want to create awesomely fantastically beautiful animations? Marin Todorov, a team member of raywenderlich.com, shows what you can a
無料で使えるUIデザインの基本要素が詰まった32の素材集 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
先日、UIデザインが素晴らしい35のウェブスタートアップという記事が人気となりました。今回はあんな今風のウェブUIを気軽に簡単にデザインしてみたい！という方のためにフォトショップ用のUIエレメントのファイル集を32厳選してご紹介。どれもフォトショップ形式、かつベーシックなまさに今風にデザインされた要素ばかりなので、便利に使えそうです。 — SEO Japan Butterscotch UI Kit Lion OSX UI Kit PSD Calendar PSD Search Drop-down PSD Volume Slider Mini Web UI Set Cloudy UI kit Dark UI Kit Modern UI Kit UI Bundle Detailed UI Kit iTunes Inspired UI Kit (PSD) iPad Application Moc
「誰のためのデザイン？」は開発者よりむしろユーザが読むべき良書な件 - もとまか日記Ｚ
最近この本の存在を知り購入してみました。実はかなり有名な本らしく、今更感ありまくりですが・・・ 誰のためのデザイン?―認知科学者のデザイン原論 (新曜社認知科学選書)作者: ドナルド・A.ノーマン,D.A.ノーマン,野島久雄出版社/メーカー: 新曜社発売日: 1990/02メディア: 単行本購入: 19人 クリック: 502回この商品を含むブログ (248件) を見る 以前書いた以下の記事のブコメで知りました。 スマホアプリの「使いやすさ」とは何か、を考えてみた 最近のはてブコメントは残念なのが多々見受けられ、非常にガッカリしてますが、たまには役に立つこともありますね。 さて、この本が発売されたのは1990年、実に20年以上前のため、内容的には古臭く感じる部分も多々あります。何しろ、1990年と言えばWindows3.0の時代。当然ですが、インターネットはまだ普及していません。私もその頃は
UIKitにインスパイアされたTwitter社製のUIフレームワーク·TwUI MOONGIFT
TwUIはTwitter社が開発しているGPUなどを使ったUIフレームワーク。 TwUIはMac OSX用のオープンソース・ソフトウェア。OSには大抵デフォルトで用意されているコンポーネントがあり、それを使うことでアプリケーションの開発を手軽にできるようにしている。だが、その枠内だけで十分かと言われるとそうでもない。 サンプルアプリ もっと複雑な描画をしたい、もっと高速化したいといったことを考えると標準の枠では収まらない新しい一手を考えなければならない。Twitterでさえそうだ。その実験モデルがTwUIになる。 TwUIは現在リリースされているTwitter for Mac OSXではない、次世代のTwitterクライアントに投入されるであろう技術のモックアップだ。起動するとテーブルビューが表示され、ウィンドウ下にツールバーが出る。iOS向けなどでよく知られるTwitterクライアント風
UI Elements: Combo Box, Pop Out and Horizontal Slide Out Menu | Codrops
UI Elements: Combo Box, Pop Out and Horizontal Slide Out Menu Today we will show you some useful and neat UI elements that are focused on selecting content. We will be using jQuery and some CSS3 properties for the style to […] Today we will show you some useful and neat UI elements that are focused on selecting content. We will be using jQuery and some CSS3 properties for the style to give the ele
ウェブデザインに役立つ、15のオンラインツール | コリス
noupeのエントリーから、ウェブデザインに役立ちそうなオンラインツールの紹介です。 Handy Designer's Tools "On The Fly"
[JS]フェードするツールチップを実装する超軽量スクリプト
Fading JavaScript Tooltips 2kb デモ スクリプトは2KBの超軽量で、ツールチップに表示できるのはテキストだけでなく、HTMLのタグも使用できるので改行（<br />）や画像（<img>）なども表示できます。 対応ブラウザは、IE6+, Firefox, Opera and Safari となっています。
[JS]ハイライト箇所がスムーズにスライドするナビゲーション
leigeberのエントリーから、マウスのホバーに合わせて、ハイライト箇所がスムーズにスライドするナビゲーションの1KBの超軽量スクリプトを紹介します。 Sliding JavaScript Menu Highlight 1kb スライドするパターンは2つあり、どちらもマウスのフォーカスがはずれるとデフォルトの位置にハイライトが戻ります。 スクリプトの動作環境はIE6, IE7, FireFox, Opera and Safariとなっており、jQueryやPrototypeなど他のスクリプトに依存することなく単独で動作します。
秋元@サイボウズラボ・プログラマー・ブログ: スクロールするタブをYUIベースで実現したライブラリ
yodelerというYahoo UI ライブラリベースのUIを開発しているReid Burkeさんが発表したのが、タブ切り替えとスクロールを組み合わせた新しいタブ切り替え表示部品。 切り替えるときにタブの中身の切り替わりがスクロールでなされる、ということなんだけど、見てもらうほうがはやい。 縦スクロール版 / 横スクロール版 切り替えに時間がかかるので日常使いのページには良くない気もするけど、そうでないときにちょっとユーザをびっくりさせることができるかもしれない。 ライブラリはBSDライセンスで、その他の作品とあわせてsvnで公開されている。 via Ajaxian この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
転職・退職代行マガジン -
ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ
Flashのナビゲーションやボタンが作成できるオンラインサービス -FlashVortex
IDEA * IDEA