タグ

webデザインに関するGriffinのブックマーク (203)

  • UI Design Dos and Don’ts - Apple Developer

    Formatting Content Create a layout that fits the screen of a device. Users should see primary content without zooming or scrolling horizontally. Learn more Touch Controls Use UI elements that are designed for touch gestures to make interaction with your app feel easy and natural. Learn more

    UI Design Dos and Don’ts - Apple Developer
  • これはウェブページです。

    たいしたページではありません。 あるのは言葉だけ。 それをあなたは読んでいます。 オシャレなデザインや、レスポンシブなレイアウト、魔法のようなスクリプトに私たちは魅了されてしまいました。 でも、ウェブで一番強力な道具は、今も昔も言葉です。 私が書いた言葉を、あなたが読んでいる。これこそ魔法です。 私はブリティッシュコロンビア州の小さな都市にいますが、あなたは別のどこかにいることでしょう。私は2013年6月20日の早朝にこれを書きましたが、あなたは違う日時にこれを読んでいることでしょう。私はノートパソコンでこれを書きましたが、あなたは携帯電話でこれを読んでいるかもしれないし、タブレット端末やデスクトップ端末で読んでいるかもしれません。 私とあなたがこうして繋がることができたのは、私が書いた言葉をあなたが読んでいるからです。ウェブとはそういうものです。場所や端末、タイムゾーンが違っても、このシ

  • Wantedly 航海日誌 — 素人デザインのWantedlyが、一流デザイナーの手によって生まれ変わるまで

    今日の航海日誌は仲がお送りします。 日、Wantedlyが新デザインによって生まれ変わりました。それまでのプロセスを振り返ってみたいと思います。まだ名は明かせないのですが、めちゃくちゃ優秀なデザイナーがWantedlyに参画してくれました。暫定的に、T君と呼びます。 そもそもWantedlyのデザインの何が問題だったのか?ひとことでいうと、全体的に「筋が通っていなかった」というのが問題でした。旧デザインは、私が、「なんとなく、いいと思うから」という理由で、全体の整合性もとれないままにどんどん積み上げていったものでした。だから、ページごとにデザインの一貫性がなかったり、ところどころおかしいところも満載。 そこで、いつもチーム内では「プロのしっかりしたデザイナーにチームに入って貰いたい」という声がありました。そんなときに、CTO@kawasyの紹介でやってきたのがT君。 デザイナーT君の参画

    Wantedly 航海日誌 — 素人デザインのWantedlyが、一流デザイナーの手によって生まれ変わるまで
  • 大型化するコンピュータ画面

    ついに、かなり大型のモニターデスクトップコンピュータの最も一般的なクラスとなり、ずっとウェブデザインの想定対象だった、解像度1024×768の地位を奪った。 Computer Screens Getting Bigger by Jakob Nielsen on May 7, 2012 日語版2012年5月28日公開 StatCounterによると、1024×768は2004年にモニターサイズで最多となったが、すぐに、(ほんの少し)大きな解像度の1366×768の画面にその座を奪われたという。 1024×768からより大きな画面への切り替えは実際には2009年に始まった。しかし、当時はワイドスクリーンモニターもいろいろとあり、より大きなサイズの解像度が乱立していたため、1024×768は昨年まで、最も多い解像度という地位を単独で占めることができていたのである。 以下のグラフが示すのは、各

    大型化するコンピュータ画面
  • 引き算のデザイン vs ごちゃごちゃしたデザイン

    定期的に出る、「エレガントなデザイン」より「ごちゃごちゃしたデザイン」の方が売れるという話がある。 よく楽天市場のショップを揶揄する言葉として使われるが、最近は、eBayにもこんな話が出て、どうやら世界共通に通じることらしい。 eBay でヒドいデザインの方がコンバージョン率が高かった、という話 ただ、何故ごちゃごちゃ情報を掲載した方が売れるのか?!ということに関しては、あまり具体性がある記事を見た事が無い。 自分が思うところを書いてみたいと思うが、ある掃除機を売ると仮定して、「引き算の商品説明」と、「ごちゃごちゃしたい商品説明」考える。 ■引き算の商品説明 この方法で説明を考える時は、その商品の良さを徹底的に絞り込んで、できる限り一つのメッセージに落としたいと考える。 その結果が、例えば 「吸引力の落ちない掃除機です」 という説明にして売る。 何個かメリットがある場合は、情報に強弱をつけ

  • 米国のデザイン教育から学んだこと デザイン会社 ビートラックス: ブログ

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

    米国のデザイン教育から学んだこと デザイン会社 ビートラックス: ブログ
  • Webデザインのセオリーを学ぼう

    2012年2月16日 福井工業高等専門学校で行いましたデザインセミナーでのスライドです。Read less

    Webデザインのセオリーを学ぼう
  • 大手ブログが軒並み採用する鉄板の広告位置について考える - FutureInsight.info

    Geekなページの以下のエントリーにメルマガとブログの広告の位置についての言及がありました。 有料メルマガを廃刊しました:Geekなぺーじ メルマガ開始とともに広告収入が増えたのも大きな変化でした。 最大の要因は広告の配置を変更したことなのですが、それによって広告収入が倍近くになりました。 前々から広告を目立つ位置に変更すれば収入が増えるのはわかっていたのですが、「目立つ場所は人によっては邪魔な位置だ」と私が考えていたので、その変更を行うところまで数年間踏み切れませんでした。 しかし、メルマガを開始するような方向性を含めて、そろそろ何とか生活を成り立たせようと気で模索する必要があるという意味では、そういった個人的な美学が当に正しいのかということを含めて、位置変更をしてみようと思ってやってみました。 結果、広告配置に関しての苦情もいまのところはなく、広告収入は増えました。 (増えたといっ

    大手ブログが軒並み採用する鉄板の広告位置について考える - FutureInsight.info
  • Webデザイナーが読んでおきたい、最近公開されたWeb系のスライド

    Webデザインのウソ・ホント ~ Web らしく... / Webデザインのセオリーを学ぼう / 企画が考えるスマホUIデザイン他...全7件

    Webデザイナーが読んでおきたい、最近公開されたWeb系のスライド
  • 今後のWebデザインとの向き合い方

    2012年2月25日 CSS Nite in TAKAMATSU vol.6 が開催されました。CSS Nite は、ツールの使い方や制作のノウハウなど、テクニックを扱うことが多いイベントですが、今回は全編を通してコードが出ないという珍しい構成でした。いつもとは少し違う雰囲気ではありましたが、他の CSS Nite にはない満足感を得た方も多かったのではないかという印象を受けました。イベントの様子はTogetterでまとまっているので参照してください。 私のセッションは、Webデザインのウソ・ホント ~ Web らしくデザインするためのヒントと題して、未来を見据えた Web のデザインを行う上で必要な考え方や取り組み方法を紹介しました。 今月はセミナーで登壇する機会が3回もあり、過密なスケジュールでした。準備は大変でしたが、3回を通して一貫としたテーマがあったかと思います。なんとなく「未来

    今後のWebデザインとの向き合い方
  • http://www.cosmo-s.net/wp/landing-page-2801.html

    我们的业务: 搜狗收录域名 高pr域名 备案域名 历史建站记录干净域名 高外链域名 域名筛选定制 seo相关域名 驿家域名

  • 楽天から学べる日本的なWebアプローチ

    学べるところが多い楽天ページWebデザインに関わる様々な情報やノウハウが世界中で共有されているとはいえ、お国柄は存在します。Yahoo!でも、世界共通にみえる UI コンポーネントがありますが、アメリカと日中国ではアプローチが異なります。情報にメリハリをきかせているアメリカ。今の話題を中央にたくさん詰め込めるように工夫してある日。クリックをしなくても膨大な情報を消化することができる中国。ポータルサイトをひとことで言ってもやり方がいろいろあることが分かります。 各国の Yahoo! を見て「欧米はシンプルなのに、日中国はなんかごちゃごちゃしている」と感じた方はいるかもしれません。なぜそんな小さなところに情報を詰め込むのか、なぜページを整理しなのか、メッセージを絞ってメリハリをつけないのか、といった悩みを抱えるデザイナーもいるかもしれません。 日らしい忙しいデザインの代表例としてよ

    楽天から学べる日本的なWebアプローチ
  • みんなが利用するあの大手サイトの初期デザインはこんなだった : らばQ

    みんなが利用するあの大手サイトの初期デザインはこんなだった YahooGoogleWikipediaAmazontwitter……などの、ネット界の巨人ともいえるメジャーサイトがありますが、初期の頃のデザインって覚えているでしょうか。 もはや生活に欠かせないこれらのサービスの、初期デザインをご覧ください。 1. 2012 2. 2012 3. 2012 4. 2012 5. 2012 6. 7. 8. 9. 10. 11. GoogleにもYahooのように“!”が付いていたんだなとか、こんなAmazonでは買い物したくないとか、あまり変わってないと思っていたサイトでも結構違いがあるものですよね。 5年先や10年先には、どんな進化を遂げているのでしょうか。 First Designs of Popular Sites けいおん! 平沢憂 水着ver. (1/7スケール PVC塗装済

    みんなが利用するあの大手サイトの初期デザインはこんなだった : らばQ
  • 面白法人カヤック 2012年度新卒採用企画 3x9=さんきゅう 27人のありがとう

  • Kuluska-Japan

    スロットマシンのリールを目押しする意味はある? ベラジョンカジノの最新情報はverajohn-reviewで! 多くの人は、カジノで最も簡単なゲームはスロットマシンだと思っているはずです。しかし、全ての面においてこのゲームが最も簡単というわけではありません。 スロットマシンでは、当たりをねらって素早くリールを止めることができる可能性はまずないと言っていいでしょう。今回は、「スロットマシンのリールを目押しする意味はあるのか?」という重要な問いの答えを探っていくことにします。 (more…) 続きを読む ベラジョンカジノの最新情報はverajohn-reviewで! 多くの人は、カジノで最も簡単なゲームはスロットマシンだと思っているはずです。しかし、全ての面においてこのゲームが最も簡単というわけではありません。 スロットマシンでは、当たりをねらって素早くリールを止めることができる可能性はまずな

    Kuluska-Japan
  • Photoshopユーザが今すぐFireworksに乗り換えるべき10の理由 | ベイジの社長ブログ

    Webデザインにおけるメインのデザインツールとして多く使われているPhotoshopとFireworks。我々の業界内において、どちらの方がデザインツールとして便利か、という議論がよく行われますが、いずれか一つしか使いこなしていないユーザによる比較論ではあまり意味がないでしょう。日頃から使いなれているツールの方が使いやすい、と感じるに決まっているからです。ここで参考になるのは、両方のツールを同等に使った経験を持ち、かついずれにも過剰なこだわりや愛着を持ってないデザイナーの声なのではないでしょうか。 実は私自身はもともとPhotoshopでWebサイトのデザインを作っていました。しかし以前勤めていた会社でFireworksを使っていた人が多かったため、あるプロジェクトで一時的にFireworksを使ってみたところ、色々な面でFireworksの方が優れていると感じ、Fireworksに乗り換

    Photoshopユーザが今すぐFireworksに乗り換えるべき10の理由 | ベイジの社長ブログ
  • はてなブログ | 無料ブログを作成しよう

    台北市立動物園と迪化街めぐり 子連れ台湾#5 年越し台湾旅行5日目、レジャーや友人との事を楽しむ日です。前日の様子はこちら www.oukakreuz.com 台北市立動物園へ パンダ館 パンダが見られるレストラン 迪化街へ 林茂森茶行でお茶を購入 小花園で刺繍グッズを購入 黒武士特色老火鍋で夕 台北市立動物園へ 松…

    はてなブログ | 無料ブログを作成しよう
  • Miki Mizuno Official Website

    ◆ドラマ NHK 8Kスペシャルドラマ「海の見える理髪店」 2022年3月31日 17:00〜18:15 BS8K 2022年4月以降 BSプレミアム、BS4K同時放送 新木曜ドラマ「探偵が早すぎる 春のトリック返し祭り」 読売テレビ・日テレビ2022年4月14日スタート 毎週木曜日24:29〜 『WOWOWオリジナルドラマ 異世界居酒屋「のぶ」Season2〜魔女と大司教編〜』 WOWOW 2022年5月27日スタート 毎週金曜日23:00〜 ◆TV(レギュラー) 「水野美紀の映画生活(シネマライフ)」 読売テレビ 毎週金曜日 22:54~ 「突然ですが占ってもいいですか?」 フジテレビ系 毎週水曜日22:00〜 「~夢のオーディションバラエティー~Dreamer Z」 テレビ東京 毎週日曜日21:00〜 「ドーナツトーク」 TBS 2022年4月3日スタート 毎週日曜日23:30

    Miki Mizuno Official Website
  • 考察:Appleはスマホサイトを作らない。

    今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう

  • 「ホームページを作る人のネタ帳」さんのリデザインをしました

    2013年3月23日 Webサイト制作, Webデザイン Webデザインには大きく分けて2種類あります。新規作成と、既存のサイトのリデザインです。今回「ホームページを作る人のネタ帳」さんのリデザインをお手伝いさせて頂きました!リデザインにあたり、改善点やリデザインの流れをケーススタディーとして公開してみようと思います。 ↑私が10年以上利用している会計ソフト! 打ち合わせ リデザインにあたり、まずは入念な打ち合わせをします。Yamadaさんからの要望は、 とにかく読みやすく、スッキリと 差し色にピンクを使いたい jQueryを使った何か仕掛けが欲しい の三点。文章主体であるこちらのブログでは読みやすさが命。スッキリとしたデザインを第一にしてほしいとのこと。また、「ユーザーに数秒でもいいので楽しんでもらいたい」という思いから、何か仕掛けを、と依頼されました。Yamadaさんらしい遊び心ですね

    「ホームページを作る人のネタ帳」さんのリデザインをしました