デザインに関するnoktmtのブックマーク (184)

  • デザイン思考 ファシリテーション・ガイドブック|イトーキ

    2012年11月にイノベーションを生み出す場のつくり方、スタンフォード大学d.schoolの研究・実践書「make space」を出版したが、場とともにイノベーションの生み出し方のメソッドを知り、実践したいとの要望が多く寄せられ、同じくスタンフォード大学 d.schoolのイノベーション教育の中核である「デザイン思考」を実践するガイドを株式会社イトーキ オフィス総合研究所と一般社団法人デザイン思考研究所にて作成しました。 目次 はじめに デザイン思考の概要 第1章 理解 ステップ1:チームビルディング ステップ2:課題設定 ステップ3:知識の把握 ステップ4:観察対象の設定 第2章 共感 ステップ1:観察 ステップ2:インタビュー 第3章 問題定義 ステップ1:情報整理 ステップ2:ストーリー抽出 ステップ3:問題定義 第4章 創造 ステップ1:テーマ設定 ステップ2:アイデア創造 ステッ

    デザイン思考 ファシリテーション・ガイドブック|イトーキ
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • デザインで絶対に「黒」を使ってはいけない理由とは?

    by webtreats 黒はうまく使うと他の色を際立たせたり全体を神秘的に見せたりすることができる色ですが、私たちが普段「黒」だと思っている色は当は黒ではなく、「黒に近いダークな色」であることが多々あります。自然界にほとんどない「純粋な黒」は他の色を圧倒してしまい扱いが難しいため、黒を使いたい時にすべきことをSegment.ioのCEOであるIan Storm Taylorさんがまとめています。 Design Tip: Never Use Black by Ian Storm Taylor http://ianstormtaylor.com/design-tip-never-use-black/ Taylorさんが子ども時代は美術の先生から、大学時代はロードアイランドスクールオブデザインの授業で何度も聞いたことの1つに「作品に黒を使うな」というコツがあります。 真に黒い物は見つけるのが

    デザインで絶対に「黒」を使ってはいけない理由とは?
  • Photoshopで写真を手書きの鉛筆画風に加工する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、デザイナーの王です。絵を描くのが趣味です。 最近は絵を書く時間が全く持てなくて困っています……。 どうにか早く描けないものかと悩んだ末、表題の通り、「写真から絵を作ってしまおう」という結論に至ったわけです。 折角だし、絵が描けなくて困っている方たちにも役に立つテクニックなのではないかということで、やり方をさくっと説明してみたいと思います。 【こちらもおすすめ】 ☞ Photoshopで初めて写真加工をするときに知っておくべき基手順まとめ 素材写真を用意する 鉛筆画らしく見せるためには、まず写真を切り抜いておきましょう。 アウトラインを抽出 次に、以下のステップを踏んで、アウトラインの抽出を行います。 cmd + Jでレイヤーを複製します。 cmd + Iで反転させます。 Shift + Alt + D で 描画モードを「覆い焼き」にします。 「色相 ・ 彩度」の調整レイヤーを

    Photoshopで写真を手書きの鉛筆画風に加工する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 工事現場でiPadが増殖する理由とは?意外に進んでる最近の建設業(家入龍太) - 個人 - Yahoo!ニュース

    ヤフー・ニュース読者の皆さん、はじめまして。 建設ITジャーナリストの家入龍太と申します。 「建設」というと、土にまみれたヘルメット姿の作業員が働く昔ながらの現場、一方、「IT」というとハイテクでスマート、最先端でグローバルな世界と、全く正反対のイメージを持つ人も多いでしょう。 しかし、最近の建設業は、IT格的に導入し、大きくイメージが変わろうととしています。建設とITが融合した建設業は、橋やビルのような巨大でリアルな物体を、3Dなどバーチャルな技術を駆使して設計し、作り上げていく新しい産業といってもいいくらいです。 私の仕事はそこにある超面白い世界を取材し、情報発信していくことです。一般の方にもできるだけ分かりやすい表現で、今後、情報発信に務めていきたいと思いますので、よろしくお願いします。 さて、最初のトピックですが、あの土とコンクリートにまみれた工事現場で最近、iPadなどのタブ

    工事現場でiPadが増殖する理由とは?意外に進んでる最近の建設業(家入龍太) - 個人 - Yahoo!ニュース
  • ウェブデザインの基本原則からPhotoshopの実践的なテクニックまでが学べる無料のeBook -Pixel Perfect Precision

    思わず、これ無料なの?!というくらいの充実した内容、そして美しいレイアウトで構成されたウェブデザインのテクニックが学べるeBookを紹介します。 ウェブデザイナーをはじめ、ディレクター・アートディレクターなどウェブデザインに携わる全ての人に役立つと思います。 iBookにも対応 内容は、簡単に言うとノンデザイナーズブック(Amazonで見る)のウェブに特化した感じで、完璧な精度のピクセルにどのようにデザインするかがテーマになっています。 ページ数は全部で165ページ、配置の基原則、可読性を考慮したテキスト、カラーマネジメントなどをはじめ、ファイルの効率的な管理方法、Photoshopでのウェブに最適な初期設定、レイヤー管理、Illustratorのウェブで使える実践的なテクニックなど、満載の内容になっています。 テキストは英語ですが、各ページキャプチャ付きなので、デザインの知識が多少あれ

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • ロゴデザインの参考になるWebサイト10選

    ブランドの顔としての役割を果たす「ロゴマーク」。 企業のロゴやサービスのロゴは、その会社やサービスのメッセージを発信するとても重要な意味を持ちます。そんなロゴのデザインを行う際に、数多くのロゴを見ることでデザインの引き出しを増やすことは必要不可欠。 そこで今回は、ロゴデザインが画像一覧で見られる海外や国内のギャラリーサイトを10個ほどご紹介します。会社やブランドのロゴ、かっこいいロゴからおしゃれなロゴまで、自分の目的に合った参考になるデザインが無料で見つかるのでぜひご活用ください。 参考になるロゴデザインが一覧でみられるWebサイト それではロゴデザインの参考になるWebサイトを10サイトほどご紹介します。ロゴ作成でお悩みの方はぜひ、訪れてみてください。 LogoPond LogoPondは、かっこいいロゴなどクオリティの高いロゴが集まる海外のギャラリーサイトです。 ロゴ作成時にインスピレ

    ロゴデザインの参考になるWebサイト10選
  • ノンデザイナーこそ押さえておきたい!グッとくるWebサイト配色パターン集 | Find Job ! Startup

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    ノンデザイナーこそ押さえておきたい!グッとくるWebサイト配色パターン集 | Find Job ! Startup
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • 【配色・色見本 Webサイト紹介】 - 10個のweb配色ツール【色の見本】

    ポスターやWebサイトのデザインをする際の配色は奥が深く、デザイナーであっても毎回悩む問題の1つ。 ただ、デザインにおいて配色の役割は大きく、たった1つの色でそのサイトやモノの印象がガラっとかわることはよくあります。 ベースカラーやアクセントカラーの組み合わせが決定しても、その色で当に正しいのかどうか不安になることもあるかと思います。 今回ご紹介するのは、そんな悩みを一発で解決する、配色を決定する際に役立つ便利なWebツールです。デザイナーの方はもちろん、ディレクター、エンジニアの方でも、覚えておくと使えるものばかりなのでぜひ利用してみてください。 Web配色ツールのご紹介 それでは、Web配色ツールを10個ほどご紹介します。求める色がすぐに見つかったり、色を組み合わせる時の見となるサイトばかりなのでぜひ訪れてみてください。 HUE/360 HUE/360は、1つのキーカラーと調和する

    【配色・色見本 Webサイト紹介】 - 10個のweb配色ツール【色の見本】
  • だいたいパターンは決まっているハリウッド映画のポスターのステレオタイプ14選

    ハリウッド映画の脚はだいたいが「お使いを果たして帰還するもの」になっており、それによって量産することが可能になっています。なのでポスターも量産できるよう、ある程度のパターン化がされているわけですが、ここまでかっちり分かれているとちょっと不安な気もします。 1. 真っ赤な唇のどアップ 2. スーパーヒーローはギリギリの所に立つの基 3. 背中とお尻、顔を同時に見せることができる見返り美人ショット。 4. 最初は孤独な主人公が出てくる映画はベンチが基 5. 背中合わせのポーズのよくありますね 6. 目隠しバージョンも人気 7. 自然ドキュメンタリーと青色の組み合わせ 8. インディーズ系の魅力は黄色 9. 黒と白、そして炎はアクション映画の印 10. ミステリー系に多いモザイク処理 11. 心の葛藤を描く映画は「目」が重量です 12. インスピレーションを掻き立てる白い海 13. 狭い裏

    だいたいパターンは決まっているハリウッド映画のポスターのステレオタイプ14選
  • 腕のいいデザイン事務所で修業しないとふつうは身につかない知識と技と心得

    ムックでは、いま現場で必要とされているグラフィックデザインの知識、さらには心得までをさまざまな角度から紹介していきます。 書体選びの実践的なセオリーから配色の理論的な考え方、写真補正の技術、読みやすい文字組み、ラフ案をいくつも出すコツ、入稿前のデータのチェックポイントなど実に実践的なものばかり。 グラフィックデザインの総合的な知識を身につけたい人に、ぜひ手にとってほしい一冊です。 目次 【INTRODUCTION】 いま、デザイナーが 現場で身につけるべきこと 【PART1】 腕のいいデザイン事務所で修業しないと ふつうは身につかない知識と技と心得 ・フォント選びの実践的なセオリーを習得する ・プロセス4色の特性を理解して色指定を行う ・写真補正の専門的な技術を原理から理解する ・何気ない写真を加工して主役につくり変える ・読みやすい文字組みルールと実践方法を学ぶ ・ロゴ制作の基ルール

    腕のいいデザイン事務所で修業しないとふつうは身につかない知識と技と心得
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • デザイナーなら読んでおきたい!デザインに関する6つのスライド・企画書

    色彩センスのいらない配色講座 「色の比率」や「色相の距離」、「トーン」などを意識してデザインを見てみると、いろんなが配色方法が発見できるかもしれません。

    デザイナーなら読んでおきたい!デザインに関する6つのスライド・企画書
  • インフォグラフィックのプロが手がけるエクセル、パワーポイントのテンプレート | ビジュアルシンキング

    インフォグラフィックやウェブサイトを手がける海外デザイン・スタジオ「oberhaeuser.info」のエクセル、パワーポイントのテンプレート作成事例を紹介します。 MAGNAGLOBAL EXCEL TEMPLATE [サイトで見る] クライアントは「MAGNA GLOBAL」。 サイトのABOUT USページを見ると、「the strategic global media unit」とあり、コンサルタント業務を行っているようです。 MAGNA GLOBAL メディア向け資料をインフォグラフィック・スタイルにしたい、そしてそれをテンプレート化してあとは自分たちで資料作成をしていきたいという要望に対して、「oberhaeuser.info」が応えた事例です。 クライアント・サイドでクオリティを維持したまま資料作成をしてもらえるようにするには、Illustratorのような専門ソフトではなく

    インフォグラフィックのプロが手がけるエクセル、パワーポイントのテンプレート | ビジュアルシンキング
  • SiriProxy-iRemocon Demo

    Siriで電気のON/OFFを制御するデモです。 http://blog.katsuma.tv/2013/01/siriproxy-iremocon.html

    SiriProxy-iRemocon Demo
  • 日本の都市は空洞化も縮小もしない。輸出されている - concretism

    建設・不動産業界というのは斜陽産業といわれて久しく、もう国内には新しい建造物は要らないのだ、というのがある程度の共通認識になっていると思う。だから、われわれ建設・不動産業界にいる者は、どんどん海外に出ていかなければ、べていはいけないのだ、と。 実際、海外に市場があって、そこで稼いでいけるのであれば、どんどん行くべきだと思うし、また日の建設・不動産業には、これまで先進国として培ってきた技術・ノウハウがたくさんあるはずなので、それを生かして海外に活路を見出すことは現にできており、おそらくこれからもできていくのではないかと思っている。 それはそれとして、ここでは一つの視点に基づいて考えてみたいと思う。すなわち、日の都市は輸出されているのではないか、と。 2003年問題はなぜ起こらなかったか 2003年問題という言葉が、かつてあったのをご存じだろうか。いや、コンピュータが誤作動を起こすという

    日本の都市は空洞化も縮小もしない。輸出されている - concretism
  • どこにでも設置できる1人用のミニオフィス「OfficePOD」

    体力を消耗する長い通勤時間を削減するため、家の庭先に1人用のオフィスを作ってしまおう、というアイデアから生まれたのが「OfficePOD」。電気、ヒーター、照明などを完備し、従来のオフィスよりもCO2の排出を63%も削減できるようになっており、環境にも企業にも優しい仕様で、大きさやデザインなどは用途に合わせて自由にカスタマイズすることも可能です。 OfficePOD® | Changing the way people work from home. Welcome to the future of home working. http://www.officepod.co.uk/ 家の庭先に設置された1人用オフィス「OfficePOD」 扉を開けるとこんな感じ。中には1人用のデスクとイスが置いてあります。部屋の環境は照明、保管スペース、電気、換気システム、ヒーターなど必要なものをチョイス

    どこにでも設置できる1人用のミニオフィス「OfficePOD」
  • iaspectrum.net

    iaspectrum.net 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy