![Loading...](https://cdn-ak-scissors.b.st-hatena.com/image/square/8bb042ee64ffbc5605173ceab546986cc4e2429e/height=288;version=1;width=512/http%3A%2F%2Fwebdesignmatome.com%2Fwp-content%2Fuploads%2F2012%2F07%2FA331.jpg)
このブログは、僕がこれまでWebサービスをいくつか作ってきて、失敗したり成功したり色々体験していることをまとめています。 シリコンバレーに来て45日が経ちました。今日はいつもと趣向を変えて、こちらで聞いた、デザインやUI/UXが美しいWebサービスやアプリの一部を紹介してみたいと思います。 Chill http://chill.com/ デザインのイケてるサービスを聞くと、かなりの確率でこのサービスの名前が挙がりました。動画の上に投稿者のプロフィール画像が円形に表示されているのが素敵です。詳細ページの「Thoughts?」ボタンの動きが秀逸。色々参考になるサイトだと思います。 ChillのようにPinterest風デザインは、今まさにトレンドのようで、教えてもらったサイトの中でも本家に負けず劣らずのデザイン性を持ったサービスも多いです。女性ウケが良いことと、画像をファーストビューでたくさん
新しいロゴで、生まれ変わった愛眼。「えらぶ・買う・つかう」の各シーンで、いままでにない胸躍る楽しさを提案します。
フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 (それに縛られすぎてもいけませんが…(あえてインパクトを出すために違う印象のフォントを組み合わせたりする)、基本的な選び方として知っておくと良いと思います。) 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日本では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分
Google Maps API v3 + サイドバー(sidebar, marker list)をクリックしてインフォウィンドウ(infowindow)を表示させる ◆ Google Maps API v3 サイドバー(sidebar)をクリックしてinfowindowを開く グーグルマップの外側に、アイコン(マーカー)をクリックしたときと同じように、インフォウィンドウ(infowindow)を開くことの出来るサイドバー(sidebar)(※マーカーリストともいうのか?)を追加してみる。 今回は、私的に苦戦。Googel先生のデモ、スプレッドシートからの読み込みも最後にうまく動かん・・・やりたいことが出来ん。V3サイドバー付きの良いサンプルも見当たらない?何故? まあ、結局はV2版参考にせこせこ変更して出来たのだが・・・・・・・V3+サイドバー。遅いと評判のブラウザIE7で、約120マーカ
問いを作ることは、最も基幹的な知的リテラシーである。 問う力を養うためには数をこなすしかないが、スポーツでいうところの「素振り」に相当するものがあり、実践に向けて問う力の維持・向上に役立てることができる。 いうまでもなく自問自答することだ。 これは、質問の質を高め、思考する力を向上させることのできる数少ないトレーニング方法でもある。 以下に示すのは、自問自答に使える問いの型である。 自覚的に使うことで、問いの型稽古を行うことができる。 思考を深めたり、問題解決を助けたりするのにも用いることができる。 決断する 「それをするメリットは何か?」 「それをしないメリットは何か?」 「それをするデメリットは何か?」 「それをしないデメリットは何か?」 「するのか?しないのか?」 望みをかなえる 「ほしいものは何か?」 「今持っているものは何か?」 「今持っているものをどう使えば、ほしいものは手に入
[読了時間:2分] 「アプリやウェブサイトがどんな風にプログラムされているか知りたい」「プログラミングしてみたい」そう思う人がジワジワ増えている。TechWaveでは、そんな初心者の夢を実現するのに最適といえるUEI(ユビキタスエンターテインメント)の「enchant.js」に注目してきたが、そのバイブルとも言える教科書本「HTML5とJavaScriptでスマートフォンゲーム作成! ゼロからはじめるenchant.js入門【公式ガイド】」が遂に発売となった。 若干技術用語が入ってくるが、検索しながら、かつ投稿コンテストサイト「9leap」などで公開されている大量のサンプルコードを見ながら進めれば表題の通り3時間あれば誰でもゲームを作れてしまう良書だ。「またまた、マスダさん御冗談を」という人も是非書店で手に取って頂きたい。 プログラミングの興奮を全ての人に 実際、enchant.jsでは小
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル(現ラクマ)のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
インテリア好きにはたまらない、クリエイティブな寝室。 November 25, 201121:00 @yukkuri0616をフォロー 記事情報 ゆっくりしていってね!!! -ゆっくりライフハック、しませんか?- > 部屋 > インテリア好きにはたまらない、クリエイティブな寝室。 Tweet カテゴリ部屋ライフハック 記事内容 「部屋」カテゴリの最新記事 インテリア好きにはたまらない、クリエイティブな寝室。 自然をモチーフにした、クリエイティブな雑貨の数々 世界の図書館ってこんなに凄いんだぜ。 U-Boardが格好良すぎる。PC周りはこれで充分との声も。 誰がGOサインだしたんだよ…と突っ込みたくなる絨毯たち。 世界のトップアスリートの豪邸。 どうみても本物の動物にしか見えないデザイナーズチェアー 海外のきったねえ部屋事情。他人の振り見て我が身を直せ 世界のクローゼット事情~大きなおう
毎日様々なインスピレーションを求めているデザイナーたちによって作られているサイト「The Design Inspiration」が選んだ2011年に最も印象的だったPhotoshopのチュートリアル50本がかなり有用です。 50 Most Impressive Photoshop Tutorials of 2011 | The Design Inspiration http://thedesigninspiration.com/articles/50-most-impressive-photoshop-tutorials-of-2011/ ◆1:全速力で走っているモーションを効果的に加える方法 ◆2:バットマンのシンボルマークがよく見ると浮かび上がっている ◆3:SF映画のようなポスターに仕上げる ◆4:左右対称のライトニングエフェクト ◆5:マンガ風・カートゥーン風に塗る方法 ◆6:ファ
皆さんはサウンドロゴをご存知でしょうか?CMの最後などで社名が出る際に流れるあの音です。何気なしに聞いているあの音。制作にCIが関わり著作権もしっかり存在しています。なんとなーく聞いてますが、影響力はかなり大きいと思います。そんなわけで、個人的に気になるサウンドロゴ、集めてみました。※下調べ不足で一部古いVer、もしくはサウンドロゴと規定していない物があるかもしれませんがご了承下さい。 Audi 凄い好きです。一番最後のが特に。どくんっどくんっ♪ ちなみにアウディは色んな音にこだわってるようです。 「絶対に聞き間違えさせない」アウディのサウンドデザイナーの取り組みがすごい Mercedes Benz う・・・ちょっと怖い。。。 Intel でました「ぱーん。ぱぱぱぱーん」 サウンドロゴを上手くマーケティングに活用していますよね。 THX これも相当聴いたんじゃないでしょうか?D
勝手にリデザイン:新宿高層ビルの館内施設案内板 新宿のとある高層ビルの館内案内標識が話題に。後学のために、仕様・問題点を整理、改善案の作成を行ってみました time2011/09/08 hatenabookmark- Twitterで、あるサイン(案内板)のことが話題になっていました。新宿のあるビルの案内図のようですが、わかりづらいことが問題になっているようです。 …確かにこれはわかりません。トイレを探している時に遭遇したら結構辛いと思いますね。でも、なぜわかりにくいのか、どういう改善案が考えられるのか、もう少し考えてみることにしました。 仕様 まず、この図から読み取れる情報だけでは何が「正解」かわからないので、実際の現場に足を運んでみました。 そして、館内をぐるっと見学してみて、大体の施設の配置を把握してきました。(ちなみに、ビルの中をウロウロしてると普通に不審者だと思うので、警備員の方
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く