[B! デザイン] miya-janのブックマーク

miya-jan id:miya-jan

デザインに関するmiya-janのブックマーク (23)

スマートフォンアプリ開発における共創的な開発チーム
複雑かつリッチな体験を提供するスマートフォンアプリを開発するためのチームワーク、その中でのエンジニアの役割について
miya-jan 2016/06/12
『納得』は全てに優先するぜッ！！

開発

デザイン

エンジニア

ui
リンク
スマホUI考（番外編）　顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。なぜなら面積の限られたスマホでは﹁一画面の機能数とボタン数﹂が、使い易さと品質に深くリンクしているからです。ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。ここがオリジナル Request1: ダイレクトメッセージをトップ階層にユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。ただTwitter社的にはme
miya-jan 2013/08/08
「妥当な苦情、妥当な改善案でも、数が増えると破綻する」

UI

デザイン

ネタ
リンク
インテリアハート～部屋のインテリア、模様替え、コーディネート例
Interior coordination インテリアコーディネート部屋作りの楽しみといったらやっぱり模様替えやコーディネート！いつもの家具もレイアウト変更するだけでお部屋の印象が変わるのでおもしろいですね。カラーコーディネートも盛り込んだバランスの良い部屋作りテクニックです。 Interior DIY インテリアDIY 初心者の方にも分かりやすいよう、写真やイラストでDIY・日曜大工のテクニック・作り方を紹介しています。特に﹁すのこ﹂と﹁カラーボックス﹂を使ったDIYが人気です。 Idea navigation アイデアNAVI インテリアハート内のコンテンツをテーマに沿ってまとめたものをご紹介します。その他に色々シミュレーション的なことも載せています。 Showroom navigation ショールームNAVI 日本全国のインテリアショールームやショップをご紹介しています。 ※情報
miya-jan 2012/07/24
部屋のレイアウト

インテリア

一人暮らし

部屋

デザイン
リンク
» 日本語限定 UI、UXガイドラインとその他まとめ | Webnoborder
インターネット上に様々なガイドラインが公開されていますが、その中でもUI、UX、ユーザビリティについて言及している日本語限定の情報を集めてみました。有志で翻訳されたガイドラインもあります。感謝です！ Apple 超が付くほど有名なガイドラインターネット上に様々なガイドラインが公開されていますが、その中でもUI、UX、ユーザビリティについて言及している日本語限定の情報を集めてみました。有志で翻訳されたガイドラインもあります。感謝です！ Apple 超が付くほど有名なガイドラインです。これを抑えておけば他は必要ないかも？アップルヒューマンインタフェースガイドライン iOS ヒューマンインターフェイスガイドライン(PDF) iPadヒューマンインターフェイスガイドライン(PDF) Google AndroidアプリはiPhoneと同じUIで良いんんじゃない？と思っている方は、開発す
miya-jan 2012/07/20
Apple,Google,Microsoftなど

ガイドライン

UI

デザイン
リンク
layer8.sh
This domain may be for sale!
miya-jan 2012/06/16
UI

デザイン

design

ui

Webデザイン

webサービス
リンク
かっこいいWEBは物が売れるのか
日本人の意地にかけてイギリスのダサイ病院のWEB見つけた。が、ダサイ程度では似たり寄ったりだがさすがに↑の中華思想みたいな色のは無かった。まあ、やる気の無い同士で比べても意味ないッス・・・しかしこの人の﹁かっこいい﹂と挙げているサイトがFlashバリバリの時代遅れのものばかりで、どうも日本人とは感覚が違うのね、と思ったわけ。まとめサイトみたら同じこと言ってる人がいて感心した。27番の投稿に完全同意です。アメリカのサイトと日本のそれのデザインを比べても、日本のラップと本場のそれを比べて﹁日本語はダサイ﹂と言ってるのと大差なく、とにかく漢字自体がもともと横書きでは無くて縦書き用だし、WEBはもともと横書きの英語にあわせて作られているのでずるいわけです。そもそも日本とアメリカでの価値観に大きな差があります。日本の官公庁なんて国民の誰1人も﹁クールにデザインして欲しい﹂って望んでないのでか
miya-jan 2012/05/20
確かに、一ページに情報まとまってる方が嬉しい。情報量を多くしつつよいデザインが理想なんだろうけど、難しいよね。実現できてるサイトはあると思うけど。

Web

デザイン

楽天
リンク
シリコンバレーで聞いたデザインが美しいWebサービス／アプリ15選 - パパパパ
このブログは、僕がこれまでWebサービスをいくつか作ってきて、失敗したり成功したり色々体験していることをまとめています。シリコンバレーに来て45日が経ちました。今日はいつもと趣向を変えて、こちらで聞いた、デザインやUI/UXが美しいWebサービスやアプリの一部を紹介してみたいと思います。 Chill http://chill.com/ デザインのイケてるサービスを聞くと、かなりの確率でこのサービスの名前が挙がりました。動画の上に投稿者のプロフィール画像が円形に表示されているのが素敵です。詳細ページの﹁Thoughts?﹂ボタンの動きが秀逸。色々参考になるサイトだと思います。 ChillのようにPinterest風デザインは、今まさにトレンドのようで、教えてもらったサイトの中でも本家に負けず劣らずのデザイン性を持ったサービスも多いです。女性ウケが良いことと、画像をファーストビューでたくさん
miya-jan 2012/05/16
デザイン

UI

まとめ

webサービス
リンク
配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう！｜Webpark
自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか？私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。配色アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。色彩センスのいらない配色講座ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か
miya-jan 2012/03/20
デザイン

勉強
リンク
米国のデザイン教育から学んだことデザイン会社ビートラックス: ブログ
はじめに教授からのWhy? Why? Why?と立て続けに押し寄せる「どういったロジックを元に〜をデザインしたのか？」という質問の嵐に対して、学生達がBecause, Because, Becauseと素早く理論を構成して「何故なら〜だからです」というロジックを組み立て続ける。そんな米国大学で展開されるデザイン講義を目の辺りにしてきた僕は、「デザインとはこんなにも理論的なプロセスだったのか」という率直な実感を持っています。デザインと聞くと生まれ持った才能を存分に発揮してクリエイティブに様々なものを生み出していくというイメージをお持ちの方も多いかも知れませんが、これは全くの誤解であると言えます。本来、デザインプロセスとは問題解決を前提としているため、地味な作業の連続であり、非常に理論的なプロセスで構成されています。僕は日本で5年間、米国で3年間デザインの教育を受けましたが、実感として
miya-jan 2012/03/20
デザイン

教育
リンク
見出し要素をシンプルなHTMLで美しくスタイルするテクニックのまとめ | コリス
h1やh2などの見出し要素をシンプルなHTMLで実装し、美しいスタイルを適用するスタイルシートを紹介します。 Cool headings with pseudo-elements [ad#ad-2] デモ実装デモデモは擬似要素だけでなく、background-clipなどのCSS3を使用しているため、Safari 5+, Chrome 7+, Firefox 3.6+, Opera 10+, IE 9+ でご覧ください。デモページ実装 HTML HTMLは非常にシンプルで、h1要素にclassを与えるだけです。 <h1 class="headline1">I took lessons</h1> ※デモは4つあり、classを変更するだけです。 CSS: 各デモ共通のベース body要素をメインのラッパーとして使用します。 h1要素にはfont-familyとsizeのみ共通で指定
miya-jan 2012/01/19
見出し

デザイン

css

html
リンク
漢字も揃ってる、日本語のフリーフォントのまとめ -2011年版
商用サイトでも無料で利用できる日本語のフリーフォントを紹介します。 ※フォントは全て商用利用も無料ですが、利用の際には必ずライセンスをご確認ください。最新版を公開！フォントの数が大幅に増えています。 2019年用、日本語のフリーフォント 366種類のまとめ
miya-jan 2011/12/09
まとめ

デザイン

フォント

日本語
リンク
JavaScriptで作られた、見たことないUIデザインのWebサイト
株式会社サイゾー（Cyzo inc.） / Raffael Stüken / La Moulade - Creative St...他...全11件
miya-jan 2011/12/01
JavaScript

UI

デザイン
リンク
ここまで教えてくれていいの？！WEB屋のテンションと底力を上げる厳選チュートリアル色々！ | バンクーバーのうぇぶ屋
WEB制作のチュートリアルって本当に多いですよね。でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか？チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。しかし！僕の短いWEB屋人生ですが、年に2、3は﹃お、おぉぉ！マジテンション上がるWA！﹄と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介！英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります！コードなら、Demoとか多いので見ながらついていけば理解できます！是非参考までに流し読みして見
miya-jan 2011/11/28
デザイン

まとめ

あとで読む
リンク
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より﹁みんなで作る暮らしのレシピ﹂という考えのもと、ユーザーの皆さまに生活に関する様々な﹁ハウツー﹂を投稿していただく投稿型ハウツーサービスとして運営してまいりました。約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。長きに渡りnanapiを応援してくださり、本当にありがとうございました。
miya-jan 2011/11/27
あとで読む

デザイン

Web

ワイヤーフレーム
リンク
ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ
ウェブデザインのセンスを磨く方法の一つに、他人の作ったものを数多く見ることがあります。 2011年が終わる前に、チェックしておきたいUIデザインをdribbleから紹介します。
miya-jan 2011/11/24
デザイン

まとめ

WEBデザイン

UI
リンク
海外のオシャレなインテリアサイト25選 | おしゃれなインテリア,デザイン雑貨検索サイト – Good items | インテリア情報
海外のインテリアデザインサイトをまとめたエントリー﹁top 25 interior design & furniture blogs﹂の情報がとても素晴らしかったので紹介します。どのサイトも情報量が豊富で画像も多く、とても楽しめるサイトです！ design sponge インテリアのちょっとしたDIY記事からリフォームのBefor Afterの写真など、更新頻度の高いブログです。 moco loco グリッドデザインでシンプルにまとめられたwebサイト。デザイン性の高い写真が多く見れるので、インスピレーションを沸かせたいときにみるといいかも。 apartment therapy ひとつの記事ごとの画像も豊富です。New York,Los Angelesなどカテゴリが分かれています。 inhabitat建築、インテリア、プロダクトなどのカテゴリごとに記事分けされていて、見ごたえがあります
miya-jan 2011/11/24
インテリア

デザイン

海外
リンク
CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年6月17日 CSS‥初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年4月21日で
miya-jan 2011/11/24
css

デザイン

まとめ

あとで読む

レイアウト
リンク
ウェブデザインが苦手なプログラマーたちへ「XHTML+CSSデザイン基本原則、これだけ。」 - elm200 のノマドで行こう！
私はウェブデザインができないプログラマーである。以前はデザインはデザイナーさんに任せておけば良いと思っていた。だが、考えてみると、われわれは、デザインされたものしか目にすることはできないのだ。どんなに優れたアルゴリズムをプログラマーが実装しても、残念ながら私たちの目には見えない︵反応速度で体感できることはあるにしても︶。人もウェブサイトも見た目が9割なのである。最近、私は﹁書評人﹂というウェブサービスを始めた。当然、私にデザイナーを雇う余裕などない。自分でデザインを制作する必要に迫られた。さて困ったどうするか。私は、ある人気ウェブサービスを運営する友人に尋ねてみた。彼は、昔、一緒に仕事をしたことがあるプログラマーだ。特にデザインを専門的に勉強したことはないはずなのに、彼が作るサイトはどこかあかぬけている。彼に根掘り葉掘り尋ねるうちに、勧めてくれた本がこれ。XHTML&CSSデザイン
miya-jan 2011/11/14
デザイン

Web

本
リンク
2read.jp - このウェブサイトは販売用です！ - まとめランキング読書ログイン書籍著者小説マンガリソースおよび情報
このウェブサイトは販売用です！ 2read.jp は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、2read.jpが全てとなります。あなたがお探しの内容が見つかることを願っています！
miya-jan 2011/11/13
デザイン

Web

書籍

本
リンク
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
miya-jan 2011/11/08
カフェ

デザイン

部屋
リンク
1 2 次のページ