並び順

ブックマーク数

期間指定

  • から
  • まで

521 - 560 件 / 65001件

新着順 人気順

*デザインの検索結果521 - 560 件 / 65001件

  • ウェアラブルはオワコンなのか? Jawboneが倒産し、Fitbit, GoProも絶不調 デザイン会社 ビートラックス: ブログ

    かつては30億ドルもの評価額を記録したJawboneが近日倒産する見込みである。スタイリッシュなデザインのリストバンドが人気で、一時は日本からアメリカに来た人たちがこぞって買って行ったのを覚えている。 Jawbone社は1999年に創業し、かつてはBluetoothスピーカーのメーカーとして人気を集めた。その後、2011年からウェアラブル業界に進出。Jawbone Upと呼ばれるヘルストラッカー系ウェアラブルデバイスは、サンフランシスコのデザイン会社、Fuse Projectがデザインし、アプリと連動することで、ユーザーの運動量を図ることを目的としていた。 数年前にピークを迎えたウェアラブルブームそれから多くの注目を集め、著名なVCを含む複数の投資家から合計10億ドル近くの資金を調達。その勢いを増しているかのように感じられた。特に2013年から2014年は市場全体におけるウェアラブル系ビジ

      ウェアラブルはオワコンなのか? Jawboneが倒産し、Fitbit, GoProも絶不調 デザイン会社 ビートラックス: ブログ
    • UIデザインが素晴らしい35のウェブスタートアップ - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ

      最近かつて以上にウェブサービスにとってデザインが重要だ、ということがいわれることが多くなってきた気もします。PinterestやFlipboard等、いわゆる次世代ウェブデザインを代表するようなサービスも大人気ですが、もちろんそれだけはありません。今回から新たに登場する米国の人気デザインブログspyrestudiosから、最近のスタートアップでデザインが素晴らしいサイトを35まとめた記事を紹介します。 — SEO Japan 何年か前までは誰もがWeb2.0の流行について話していた。インターネットではMySpace、Friendster、Facebook、Twitter、そして最近ではFoursquareやPinterestに続く新しいスタートアップが次々に登場している。テクスタートアップの世界では、新しいアイデアにこと切れることはない。 ウェブデザインに関しても同じことがいえる。今回、最

        UIデザインが素晴らしい35のウェブスタートアップ - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
      • 非デザイナーも知っておきたいデザインにある葛藤とホンネ

        去年から恒例イベントになっているWebSig 1日学校。古い学校の校舎を使って正に学校で学んでいるような気分で参加できるこのイベント。今年は「デザイン視点のコミュニケーション術」というタイトルで講師をさせていただきました。主催者からの依頼が非常に難易度が高く、扱うトピックからスライドの完成まで悩みながら作りましたが、そのプロセスで見えたところもたくさんあり、イベントも含めて学びと出会いがたくさんありました。 なぜ『作る』以外について語ったのか デザイナーの仕事はレイアウト、UI、ルック&フィールなどを作る人。コンセプトや潜在的にあるものを視覚化出来る人と捉える方が多いと思います。作り出すことがデザイナーの能力ではありますが、語られる部分が「作る」という部分に集約してしまいがちです。しかし、実際のところ「作る」部分というのはデザイナーの能力のほんの一部でしかなく、それ以外が重要だったりします

          非デザイナーも知っておきたいデザインにある葛藤とホンネ
        • ペーパーデザインのWEBサイトを作るときに見るべきまとめ*ホームページを作る人のネタ帳

            ペーパーデザインのWEBサイトを作るときに見るべきまとめ*ホームページを作る人のネタ帳
          • 業務系システムは『イケてるフラットデザイン』だと使いにくい?現場が本当に必要だった物との比較

            でゅら @rahandu アプリケーション全般でそうなんだけど、モニターの解像度がでかくなるにつれて、デザインは余白を作りたがるのなんなんだろう 広くなった意味がないし古いデバイスで作業しづらいし良いことないと思う twitter.com/ichirowo/statu… Lacnor @Lacnor_JP ボタンを、形はそのままで、グラデーションと枠を無くして、コントラスト強めな単色で構成してくれれば、使い勝手そのままでナウくなると思いましたまる twitter.com/ichirowo/statu…

              業務系システムは『イケてるフラットデザイン』だと使いにくい?現場が本当に必要だった物との比較
            • 「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について

              2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効

                「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について
              • 商用でも完全に無料ですごい! デザインやイラストでかなり使える有料レベルの高品質なテクスチャ素材 -ResourceBoy

                個人でも商用でも完全に無料で利用できる、高品質でさまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ゴールド、大理石、煉瓦塀、スモーク、花火、蜘蛛の巣、シャドウ、クラフトペーパー、ブラックペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。 難点があるとすれば、ファイルサイズが大きいので、ダウンロードに時間がかかるくらいでしょうか。 ResourceBoy ResourceBoyはテクスチャ素材をはじめ、ブラシ素材、グラデーション素材、モックアップ素材など、商用利用無料の数多くのリソースをダウンロードできます。以前にも紹介しましたが、その時からさらにテクスチャ素材の種類が増え、パワーアップしています。 ResourceBoy ライセンスは独自で、個人でも商用でも無料、ロイヤリティ

                  商用でも完全に無料ですごい! デザインやイラストでかなり使える有料レベルの高品質なテクスチャ素材 -ResourceBoy
                • レスポンシブWebデザインとは (1/5)

                  スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、レスポンシブWebデザインによる制作案件を数多くこなす菊池 崇氏が解説します。(編集部) 本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価:2,625円 (本体2,500円)/形態:B5変 (232ページ) ISBN:978-4-04-886323-0 レスポンシブWebデザイン(Responsive Web Design)

                    レスポンシブWebデザインとは (1/5)
                  • WordPressを利用している良デザインな日本のサイトいろいろ - かちびと.net

                    日本語で運営されているサイトで WordPressを使った良デザインの サイトをご紹介します。僕が知っている 範囲ですので「こんなサイトもあるよ!」 と言ったお勧めサイトがありましたら 教えて頂けると嬉しいです。 一応テンプレ等を使用していないと思われるサイトに絞っていますが「テンプレだよ」というサイトがあったらごめんなさい。配布テーマでもしっかりカスタマイズしたものは有りの方向です。以前書いた記事の第2弾的なエントリーです。以前も記事内にもWPを使ったサイト多目でした。以前の記事で紹介したサイトは割愛しています。 UMLAND レッドカラーが凄いインパクトです。所々にもjsを使った表現をされています。 UMLAND mono-lab シンプルでかなり見やすいです。フッターも素敵ですよ。テーマも配布してくれています。 mono-lab Brooklyn Parlor かなりハイクオリティで

                    • Ruby 2.0.0で学ぶ、14個のデザインパターンを作りました[GoF][Design Pattern] - 酒と泪とRubyとRailsと

                      GoFのデザインパターンとは、「プログラミングのベストプラクティスを体系化したもの」です。このベスト・プラクティスをしっかりと理解して設計すれば、ソフトウェア設計の効率を高めることができます。またデザインパターンが「プログラミングの思想」の共有をよりスムーズにしてくれます。先人たちの試行錯誤の結果を効果的に利用して、プログラミングをもっと楽しんでしまいましょう! 🗻 デザインパターンのポイントGoFのデザインパターンには下のプリンシパルがあります。 変わるものを変わらないものから分離する インタフェースに対してプログラミングし、実装に対して行わない 継承より集約 委譲、委譲、委譲 必要になるまで作るな(You Ain’t Gonna Need It./YAGNI) 🤔 デザインパターン一覧 アブストラクトファクトリ ビルダ ファクトリメソッド シングルトンパターン アダプタ コンポジッ

                        Ruby 2.0.0で学ぶ、14個のデザインパターンを作りました[GoF][Design Pattern] - 酒と泪とRubyとRailsと
                      • 3分あれば十分!もうひと工夫加えるだけでレベルアップするデザインTips 25選 - Brian'z Imagination

                        はてなでブログを書き始めて2週間ほど経過したのだけれど、ブログを始めると書く内容そっちのけでやたらとデザインにこだわりたくなることがある。 特に、ホットエントリーを覗いてみると、内容はもちろんすばらしいものばかりだけれど、なかにはデザインが素晴らしいサイトもあって、魅了されることがある。 どんなふうにデザインしたのか、どういう思考回路になるとこんなデザインが思いつくのか、などなど。 デザインはデザイナーの既得権益・不可侵領域はなく、万人が自由に扱えるものだ。そして、デザインはセンスではなく理論(theory)だ、ということも以前書いた。 デザインを勉強すれば、ブログに手を加えたり、自分で名刺を作ったり、部屋をお洒落にコーディネートしてみたり、いろんなことができる。 ブログでいえば「Webデザイン」というジャンルから始めるのが定番ではあるのだけれど、これからデザインを始めるひとにはぜひ「グラ

                          3分あれば十分!もうひと工夫加えるだけでレベルアップするデザインTips 25選 - Brian'z Imagination
                        • ECサイトの色やデザインと購買意欲の関係 | Webクリエイターボックス

                          色と消費者 色はデザインの重要な要素のひとつです。しかし、全世界において共通しているとは言えません。北アメリカで注目されやすい色がインドでも同じとは限りませんよね。下記は北アメリカのオンライン消費者への色の働きです。 黄色 楽観的・若々しさ。ウィンドウショッピングをしている人の注意を集めるために使われます。 赤 エネルギッシュ。心拍数を高める色。緊急性があり、セール中の商品に使われます。 青 信頼と安全の色。銀行や企業のメインカラーとして使われます。 緑 裕福・リラックスを連想させる色。目に優しく、一連のプロセスを容易に見せます。 オレンジ 活発・活動的な色。「購入する」「購読する」などのCTAボタンに使われる事が多いです。 ピンク ロマンチック・女性的な色。若い女の子や女性に向けたECサイトで使われます。 黒 パワフル・滑らか・光沢など。高級な商品を扱うサイトで使われます。 紫 落ち着き

                            ECサイトの色やデザインと購買意欲の関係 | Webクリエイターボックス
                          • CSS3だけで作るボタンデザインいろいろ

                            Crafting Minimal Circula... / YouTube Popup Buttons | ... / Create A CSS 3D Push But...他...全7件

                              CSS3だけで作るボタンデザインいろいろ
                            • 【 バナーデザイン・アーカイブ ★★★ 】 - 様々なバナーのデザインを一覧でチェック!

                              バナーデザインをまとめたサイトです。様々なバナーのデザインをサイズや色から選んで一覧でチェック!バナー作成の参考にご活用ください!

                              • MacBook Air のケース&カバー&バッグ特集。おしゃれなデザイン26選を…物欲ガガガ… | norirow's Diary

                                もう世間は秋なんですかね…。 物欲が止まらない今日この頃なんですが…たぶん秋のせいに違いないと思っています…( ꒪⌓꒪) iPhone があろうとも iPad があろうとも、やっぱり MacBook Air が手放せないでいる私でありまして、どうしてもその ケース やら バッグ やら次々と目移りしていくのであります。 これもやっぱり秋の空…。(しつこい…。) というわけで、再び気になる MacBook Air の ケース と バッグ を集めてみました。 今まで購入したものなども入れてあるので、これから選ばれる方もぜひご参考に…一緒に考えましょう…((((;゚Д゚)))))))ガクガクブルブル 1. BookBook for MacBook Air まずは、以前にもご紹介した事があるこのケース。 これは可愛いと思います。BookBook の中で一番『本』らしいんじゃないだろうか!(/

                                  MacBook Air のケース&カバー&バッグ特集。おしゃれなデザイン26選を…物欲ガガガ… | norirow's Diary
                                • High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ | warikiru

                                  2009-11-24 High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたw High Performance Web Design 1. What's High Performance?ここでいうパフォーマンスというのはWebサイトの表示高速化についてです。つまり、ページをいかに早く表示させるかという課題です。でも、そうゆうのってサーバー側の問題でしょ?システムエンジニアの管轄じゃないの?と思われがちですが「ハイパフォーマンスWebサイト」の著者であるSteve Soudersの調査によると、80:20。一般的にユーザーの待ち時間の実に80%がブラウザ側、フロントエンドで費やされて

                                  • ヤラれました。雇用調整助成金。支払いまで2ヶ月以上の見込み、助成率が90%適用でも助成してくれる額は額面の50%くらい。ジャロに訴えたい… | 飲食店繁盛会〜飲食店売上アップ・経営コンサルティング・メニューブックデザイン

                                    HOME繁盛会News笠岡コラムヤラれました。雇用調整助成金。支払いまで2ヶ月以上の見込み、助成率が90%適用でも助成してくれる額は額面の50%くらい。ジャロに訴えたい… *本記事は、すでに情報が古くなっています。よく読んでいただければ理解いただけると思いますが、本記事の伝えたいメッセージは、お金がもらえるのは時間がかかること、額面の90%だと思っていたら、資金計画を間違えるので注意してほしいこと。そして、国もちゃんと普通の国民が誤解しないようわかりやすく伝えるべきであることに気がついてほしいことの3つです。 多くの方にアクセスしていただいたお陰で、今は、国の伝え方も、経営者の認識も、大筋正しい方向に向かったと思われるため、この記事の役割は終わったと思っています。今は、正しい情報がわかりやすくでています。今後の正確な情報は、厚生労働省のホームページをご覧ください。(2020/4/23) 笠

                                      ヤラれました。雇用調整助成金。支払いまで2ヶ月以上の見込み、助成率が90%適用でも助成してくれる額は額面の50%くらい。ジャロに訴えたい… | 飲食店繁盛会〜飲食店売上アップ・経営コンサルティング・メニューブックデザイン
                                    • 「京アニのブラのデザインが手抜き」というツイートからブラジャーに関する有益なツイートが続々集まる

                                      リンク Wikipedia 京都アニメーション 株式会社京都アニメーション(きょうとアニメーション、英: Kyoto Animation Co., Ltd.)は、日本のアニメ制作会社。略称は京アニ(きょうアニ)。主にテレビや劇場用アニメーション作品の企画・制作(元請け)、他社作品の制作協力を行っている他、出版事業やマーチャンダイジング事業なども行っており、アニメーションを軸としたコンテンツ事業を展開している。会社商標ロゴは「京」の文字をモチーフにしてデザインしたもの。 2006年から2009年に掛けて発表した「涼宮ハルヒの憂鬱」「けいおん!」「らき☆す 6

                                        「京アニのブラのデザインが手抜き」というツイートからブラジャーに関する有益なツイートが続々集まる
                                      • 東京デザインウィーク火災のその後

                                        東京デザインウィーク(TOKYO DESIGN WEEK 2016)で発生した火災で、5歳の子どもが焼け死んだ事件を覚えているだろうか?あれから2か月以上経過して、その後どうなったのかを調べようとしたら、なんかもういたたまれない気持ちになった。 東京デザインウィークのトップページに掲載されてたはずの「お詫び」のメッセージは、いつの間にかなんだかよく分からない「弊社社員が配信したメール」のお詫びに差し替わってた。事故後に掲載されていた本来のお詫び文(前略で始まる奇妙な文章がお詫びなのかは分からないが)は、なぜか「お知らせ」に移動されてる。子どもが、親が観てる前で焼け死んだのを「お知らせ」で片づけてしまうのって……。なんか、気分が悪い。 事の経緯は、年末に東京デザインウィークの社員とボランティアのひとたちが、忘年会を開こうとしてたんだってさ。悪いけど、個人的にはそんなことどうだって良い(本来ど

                                          東京デザインウィーク火災のその後
                                        • それじゃあ何も伝わらない!元ディレクターがデザイナーになって気付いた、デザイン依頼で注意すべき4つのこと : LINE Corporation ディレクターブログ

                                          ネッツアイに火の用心 あなたのハートにG-SHOCK!こんにちは、nakatanigoです。 かつてはディレクターブログを書く立場だったのですが、諸事情により遠ざかっておりました。 というのも、かつて前職でデザイナーをしていた経験から、ディレクターを2年ほど経験した後、デザイナーに転籍したのです。 そこで、今回はその経験から、ディレクターからデザイナーにデザインを依頼する際に注意すべきことをお話させていただきます。ディレクターがデザイナーに依頼をする際、こういう言い方は避けたほうがいいという事例もあわせてご紹介します。 大前提として、デザイナーはディレクターから言われたことしかやらないわけではありませんので、依頼に疑問があれば質問し相談します。しっかりとコミュニケーションをとれば下記のような事例は起こらないと思いますが、それが抜けてしまった場合には効果の小さいデサインができあがってしまうと

                                            それじゃあ何も伝わらない!元ディレクターがデザイナーになって気付いた、デザイン依頼で注意すべき4つのこと : LINE Corporation ディレクターブログ
                                          • Googleが採用するUXデザイン手法「3対1の法則」とは デザイン会社 ビートラックス: ブログ

                                            先週アップしたエシカルデザインに関する内容に関して、具体的にどのようにして“正しいデザイン”を行えば良いのかという質問が寄せられた。 一つの方法は、UXピラミッドの原則に従ってプロダクトの体験価値を検証したり、UXハニカムを活用する方法もある。 それらに加えて今回紹介したいのは、GoogleのAndroidチームが採用しているUXデザイン手法である。とてもシンプルですぐにでも活用できる内容になっている。 進化するデジタルプロダクトに対するUXデザインアプローチサービスのデジタル化やDXが進む中で、多くのプロダクトにおける「完成」という概念がなくなり、デザインは常に進化し続ける必要性が出てきた。特にユーザー体験においては、デバイスの進化やユーザーの感覚の変化などを考慮し、常に改善を続けなければならない。 では、実際にどのようにデザインの良し悪しを判断すれば良いのだろうか?継続的にバージョンア

                                              Googleが採用するUXデザイン手法「3対1の法則」とは デザイン会社 ビートラックス: ブログ
                                            • FLAT ICON DESIGN -フラットアイコンデザイン- | WEBデザインやDTPですぐ使えるフラットアイコン素材がフリー(無料)ダウンロードできるサイト

                                              フラットデザインに最適なフラットアイコン素材がフリー(無料)でダウンロードできる「FLAT ICON DESIGN」。 WEBデザインやDTP他、PPTなどでもすぐに使える商用利用可能なアイコン素材。利用規約はこちら ファイルのフラットデザインアイコン ノートのアイコン素材 あざらしのフラットアイコン 博士のフラットアイコン素材 はさみのフラットデザインアイコン ハンマー(とんかち)のフラットアイコン ドル袋のフラットアイコン素材 無料の暴れ牛のフラットアイコン素材 スペースシャトルのフラットデザインアイコン ギリシャのパルテノン神殿風のフラットアイコン 目玉のアイコン素材 にわとりのフラットアイコン素材 計算機のフラットアイコン素材 その2 コーヒーカップのフラットアイコン素材 バッファローのフラットアイコン 乳牛のフラットアイコン 海外の大学帽子のフラットアイコン おさるさんのフラット

                                                FLAT ICON DESIGN -フラットアイコンデザイン- | WEBデザインやDTPですぐ使えるフラットアイコン素材がフリー(無料)ダウンロードできるサイト
                                              • Adobe製品を使わない"デザイナー"?「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは

                                                Adobe製品を使わない"デザイナー"?「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは

                                                  Adobe製品を使わない"デザイナー"?「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは
                                                • デザイン作業のスピードアップ

                                                  1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、ゴラクログのデザインを担当をしている鬼石広海と申します。 弊サービスは現在大幅リニューアル中ですので、UI周りはリニューアル後、又機会があればご紹介させて下さい。 今回は、駆け出しのデザイナーさん達の多くが課題にあげる、デザイン作業のスピードアップについてお話します。結論から言いますと、細部から作らずに土台作りを頑張ることが、結果的にスピードにつながるというお話です。 では実際にバナーデザインを例に紹介します。 1.構成要素を全部置く まずはプランナーやプロデューサーと話し合って決めた構成要素を、とりあえず全部キャンバスに置いてみます。

                                                    デザイン作業のスピードアップ
                                                  • ソシオメディア | フラットデザインはUIを進化させるか

                                                    ウェブやアプリのデザイナーであれば、ここ1〜2年のUIトレンドであるフラットデザインについてご存じだと思います。すでにこのトレンドを意識して実践しているかもしれません。今回はフラットデザインの特徴とそのポテンシャルについて考えてみます。 フラットデザインとは、画面に表示するボタンやメニューなどのUI要素を非常に平坦な見た目にするという表現手法です。ウェブでもアプリでも今やこのフラットデザインを取り入れているものが沢山ありますが、中でも代表的なのは、Windows 8 の Modern UI と Google の一連のサービスでしょう。 フラットデザインと言っても、もちろん明確な定義があるわけではなく、フラット度合いは様々に試されていますが、一般的な特徴をあげてみます。 UI要素の「塗り」に、グラデーションやテクスチャを使わず、単色にする ドロップシャドウやベベルといった立体感を出す表現を用

                                                      ソシオメディア | フラットデザインはUIを進化させるか
                                                    • 和風デザインでカッコいいサイトのまとめ:その2 at 和の暮らしを楽しむブログ -瑠璃色Tradition-

                                                      • 優れたフォームをデザインする

                                                        サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。

                                                          優れたフォームをデザインする
                                                        • 売れるデザインのしくみ、ざっくりノート - 4mimimizu blog

                                                          『かえりみち 広報Café voi.7 広報担当者がこれだけは知っておきたい! 視覚マーケティングの基本とトーン・アンド・マナー』という勉強会に行ってきました。 スピーカーはウジトモコさんとクリエイティブディレクター、株式会社コンセント取締役の川崎 紀弘さん。 貴重なお話ありがとうございました! 目からウロコなお話ばかりだったので、こちらの本をポチッとさせて頂きました。 ▶【Amazon.co.jp】売れるデザインのしくみ -トーン・アンド・マナーで魅せるブランドデザイン

                                                            売れるデザインのしくみ、ざっくりノート - 4mimimizu blog
                                                          • デザインの参考になる!最近のスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ

                                                            最近のスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。 デザインのアイデアを探している時に、ブックマークしておくと便利ですね。 Mobbin 150種類以上のiOSアプリ、8,000パターンのUIがまとめられたギャラリー。一つのアプリで、さまざまなUIが収録されているので、非常に便利です。スクリーンはiPhone X対応で、気に入ったアイデアは保存することもできます(要サインアップ)。

                                                              デザインの参考になる!最近のスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ
                                                            • [デザイン]グラデーションを使う理由、不自然なグラデーションについて徹底的に分析した

                                                              考える。 WEBCRE8.jpによるweb制作やデザインについての考察を 書き綴っていくカテゴリです。

                                                                [デザイン]グラデーションを使う理由、不自然なグラデーションについて徹底的に分析した
                                                              • WEBデザインのヒントに!WebSite Color Index:WEBサイトリンク集

                                                                Black [179] 2012:05:16:17:04:02 Blue [157] 2012:04:13:11:04:19 Brown [97] 2012:06:18:17:30:29 Gray [79] 2012:05:15:16:37:52 Green [94] 2012:07:19:16:43:42 Orange [40] 2012:06:06:11:30:52 Pink [50] 2012:02:27:12:50:45 Purple [23] 2012:04:23:19:11:41 Red [79] 2012:02:08:18:45:51 White [185] 2012:07:20:11:19:25 Yellow [49] 2012:06:11:16:16:45 Bibit [22] 2012:06:11:16:16:45 Clean [54] 2012:07:19:16:43

                                                                • WordPressサイトをデザインする時に気をつけていること

                                                                  この記事は、2011/9/11 に神戸芸術工科大学で開かれた「WordCamp KOBE 2011」で私がお話しした「WordPressサイトをデザインする時に気をつけていること」というセッション内容をブログ記事として起こしたものです。 当日はたくさんの方にお越しいただきありがとうございました。 会場に入れなかった方もいらっしゃったそうですみません。 この記事で、少しでも内容を共有できればと思います。 このセッションでは、オリジナリティのあるWordPressサイトのテーマをデザインする際に私が気をつけていることについてお話させて頂きます。 このセッションでお伝えしたいことは「4つ」あります。
いずれも、私がオリジナルのWordPressテーマをデザインする際に気をつけていることです。 このセッションで伝えたいこと このセッションでお伝えしたいことは「4つ」あります。
いずれも、私がオリジ

                                                                    WordPressサイトをデザインする時に気をつけていること
                                                                  • デザインする人に必要な能力は?: DESIGN IT! w/LOVE

                                                                    不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 発作的に、なんとなくデザイン(企画・設計)をする人に必要な能力なるものをまとめてみたくなったので実行(ようは自分の頭のなかを整理するため)。 もちろん、ここでいう「デザイン」は、ある問題を発見して解決するためのプランを考え実現させることをいう。なので、決して狭義のデザイナーのことではありません。 で、そういう意味での「デザイン」をする人にとって必要な能力をまず、ザクッと分類すると以下の4つに分けられるのではないか、と思います。 知る・感じる・疑問に思う解釈する・発想する・組み立てる具体化する・検証する・洗練させる仕事をはじめ、終わらせる どれもデザインをする上では欠かせない。 というわけで、ひとつひとつ整理していくことにします。 知る・感じる・疑問に思うスタート地点はやっぱ

                                                                    • スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ:phpspot開発日誌

                                                                      スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhone 様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。 どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。 iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギ

                                                                      • twitter の新ロゴデザインが美しすぎて調べてみたら、黄金比で構成されてた。 - すしぱくの楽しければいいのです。

                                                                        公開日:2012年6月 7日 カテゴリ:新しいサービス twitter のトレードマークである青い鳥が新しくなりましたね。前回のロゴよりも美しい曲線で描かれており、公式のプロモーションともに圧巻でございました、これこそデザインだわーっとね。 そんな感じで朝から影響を受けまして、どのように構成されて描かれているのか調べてみたら、Apple のロゴと同じくやっぱり黄金比で作られておりましたよというお話。 ツイッターの新ロゴデザイン登場。 皆さんおなじみの青い鳥がリニューアルしたとの どくさんからTL が流れてまいりまして、さっそくサイトにアクセス! Twitter / Logos & Brand プロモーションを見ていたら、『これはすごい!』っと朝から大興奮でございました。 前回のロゴに比べてスタイリッシュになりましたね。 Twitter、ロゴを変更--テキストをなくし、鳥のイラストも一新 -

                                                                          twitter の新ロゴデザインが美しすぎて調べてみたら、黄金比で構成されてた。 - すしぱくの楽しければいいのです。
                                                                        • Web アプリケーションにおける Amazon ECS / AWS Fargate アーキテクチャデザインパターン - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS

                                                                          こんにちは。AWS Container Hero の新井です。 Amazon ECS の登場から間もなく 10 年が経ちますが、その間、ECS ⾃体の進化に加えて、さまざまな AWS マネージドサービスとの連携が可能になりました。 現在では、コンテナベースのワークロードを活⽤することで実現できないことを探す⽅が難しいほど、柔軟なアーキテクチャが構築できるようになっています。 しかし、⾃由度が⾼い分、要件に合ったアーキテクチャを模索する際には、迷うことも多いでしょう。 AWS上でシステムを適切に構築するためには、あらかじめサービス間のつなぎ⽅やパターン、その特徴を把握しておくことが重要です。 これにより、フィージビリティを迅速に確認でき、その後のトライアンドエラーのサイクルを加速させることができます。 今回は、最新の AWS サービスアップデートを踏まえつつ、Amazon ECS / AWS

                                                                            Web アプリケーションにおける Amazon ECS / AWS Fargate アーキテクチャデザインパターン - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS
                                                                          • ワイヤーフレーム通りにデザインしてしまうデザイナーさんへ

                                                                            2015年10月22日 Webデザイン 私がまだデザイナーとして働き始めて間もない頃、よく言われた言葉の中に「もっと自由にデザインしてくれていいんだよ!」というものがありました。しばらくはその意味がわからなかったのですが、後になって渡されたワイヤーフレームと自分のデザインを見比べると、何も変わっていないな…と気づくことが多々ありました。今回はそんな、ワイヤーフレームとデザインについて考えてみようと思います。 ↑私が10年以上利用している会計ソフト! 冒頭でも述べたように、Webデザイナーとしての経験があまりないうちは、どうしても渡されたワイヤーフレームに引っ張られてデザインしてしまうこともあるかと思います。もちろん、ワイヤーフレーム通りのレイアウトが求められることもあるでしょう。しかし、あなたはデザイナーです。指示された通りに動くマウスカーソルではありません。ワイヤーフレームを作るのは、多

                                                                              ワイヤーフレーム通りにデザインしてしまうデザイナーさんへ
                                                                            • 「エスカレーターは歩かずに」足形などデザインで訴え | NHKニュース

                                                                              東京オリンピック・パラリンピックに向けて、エスカレーターに「立ち止まって乗る」安全な利用方法を広めようと、ステップに足形を描くなどデザインで訴える試みが東京 品川区の商業施設で始まりました。 今回の試みは、この習慣をどうしたら変えられるのかを研究している文京学院大学の学生たちがJR目黒駅にある商業施設などの協力を得て始めました。 上りのエスカレーターのステップには、白い足形を左右に2組ずつ描いているほか、垂直の面には歩く人に赤の斜線を施したデザインを描き、左右どちらも止まって乗るよう訴えています。 現場では聞き取り調査も行われ、60代の女性は「安心して乗れたが老眼なのでもう少しはっきりした色にしてほしい」と答えていたほか、会社員の男性は「『歩くな』とはっきり書かれたほうがわかりやすい」と指摘していました。 試みは今月いっぱい行われ、デザインを施す前と後でエスカレーターを歩く人の数を比較する

                                                                                「エスカレーターは歩かずに」足形などデザインで訴え | NHKニュース
                                                                              • Flash不要!JavaScriptで派手なWebデザイン

                                                                                ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント/Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション/エフェクト処理を

                                                                                  Flash不要!JavaScriptで派手なWebデザイン
                                                                                • 『ゼルダの伝説 BotW』自然と寄り道してしまうレベルデザインのカギは、“引力”と“地形”! 魅力的なハイラルができるまでを解説【CEDEC 2017】 - ファミ通.com

                                                                                  ディレクター藤林氏とアーティスト米津氏が語る、フィールド作りのための取り組み 2017年8月30日~9月1日の期間、パシフィコ横浜で開催されている、日本最大級のコンピュータエンターテインメント開発者向けカンファレンス“CEDEC 2017”。会期2日目、メインホールにて行われたセッション“『ゼルダの伝説 ブレス オブ ザ ワイルド』におけるフィールドレベルデザイン ~ハイラルの大地ができるまで~”の模様をお届けしよう。 本講演で登壇したのは、任天堂 企画制作本部 ディレクターの藤林秀麿氏と、任天堂 企画制作本部 シニアリードアーティストの米津真氏。藤林氏は『ブレス オブ ザ ワイルド』ではディレクターを、米津氏は地形リードアーティストを務めた。 さて、『ブレス オブ ザ ワイルド』と言えば、プレイヤーがいつ、どこで何をしてもいいという、自由度の高いゲームデザインが特徴だ。どこに行っても、気

                                                                                    『ゼルダの伝説 BotW』自然と寄り道してしまうレベルデザインのカギは、“引力”と“地形”! 魅力的なハイラルができるまでを解説【CEDEC 2017】 - ファミ通.com