タグ

関連タグで絞り込む (147)

タグの絞り込みを解除

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

  • 脱Adobe/Adobe 代替のためのソフト+α (2017/2/06更新)

    脱Adobeのためのソフトと関連しそうなソフトまとめです。 たぶん国内のまとめでは一番多く(また多機能)のソフトを紹介してるのでは? Adobeの代替を探してる方や学生さんに参考にしていただければ幸いです。(あくまでも、趣味の範囲やお金のない学生向けです。可能ならAdobeでまとめたほうが情報も多いし、ソフト間の連携もシームレスになるのは言うまでもなく。) 基無料か(性能・機能のわりに)安価なものです。 有名だけどあまり優秀でないと思ったものは記載してないものがあります。(ex, Pixa、Sai、Paint.netMMD等) 各カテゴリのとなりの()はAdobeではどのソフトかを表します。 対応OSはWindowsLinuxのみです。 Macを私は持ってますがあまり好きでないのと、ほかの方にあまりお勧めできない(主にスペック面で)ため載せてません。 今回はCADについてはまとめませ

    脱Adobe/Adobe 代替のためのソフト+α (2017/2/06更新)
  • 誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック

    【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか? ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの? ・結局一番言いたいことはなんなの? ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

    誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
  • なぜウェブデザイナーは暗黒面に落ちて人をだます「ダークパターン」を使うようになるのか?

    by Patrizio Cuscito ウェブサイトやアプリを使っていると自分の意図するものとは違う操作が勝手に行われていて戸惑うことがありますが、ミスではなく、「わざと」そのようなデザインにしているユーザーインターフェースを「ダークパターン」と呼びます。なぜ善良なデザイナーがダークパターンを使う悪意あるデザイナーになってしまうのか、その仕組みがムービーで公開されています。 Dark Patterns - User Interfaces Designed to Trick People http://darkpatterns.org/ ダークパターンとは何か?ということは以下の記事を読むとわかります。 ユーザーをだますのが目的のデザイン「ダークパターン」いろいろ - GIGAZINE なぜデザイナーが暗黒面に落ちてしまうのかは以下のムービーで解説されています。 Dark Patterns:

    なぜウェブデザイナーは暗黒面に落ちて人をだます「ダークパターン」を使うようになるのか?
    yuma_sun
    yuma_sun 2016/12/12
    だまされたくない
  • 見逃した名作も見つかるかも…? #女性映画が日本に来るとこうなる が「どうしてこうなった」続出

    ぽんちゃん #国民投票法改正案に抗議します @boonsooket このハッシュタグ #女性映画が日に来るとこうなる がすごい。日のメディアがいかに田舎者で「文化後進国」であるかがほんとうによくわかる pic.twitter.com/25PUvW3X8v 2016-09-14 15:04:44

    見逃した名作も見つかるかも…? #女性映画が日本に来るとこうなる が「どうしてこうなった」続出
  • これどうやって作るの?フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ

    フォトショップの新しい使い方や、テクニックを学びたいときはチュートリアルのつくり方を参考にしてみましょう。ステップごとに進めることができるので、実践的なツールの使い方を学ぶことができます。 今回はデザイナーが参考にしたい、最新 Photoshop チュートリアルをまとめてご紹介します。デモ用 PSD ファイルを無料ダウンロードできる素材もあるので、これからフォトショップをはじめるひとにもオススメです。 詳細は以下から。 これどうやって作るの?フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ 80年代レトロテキストのつくり方 Illustrator で作成した3Dシェイプ(Photoshopでも作成できます)に、レイヤースタイルを適用する手軽なテクニック。背景のつくり方もポイントで、参考PSDファイルも無料ダウンロードできます。 幻想的な多重露光エフェクトのつくり方 ポートレ

    これどうやって作るの?フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ
  • この発想はなかった!恐ろしくセンスのいい商品10選 | BUZZmag

    日用品でも、こだわりはじめるとキリがありませんが、1つでも持っていると自慢できそうな、センスの良すぎる商品をまとめました。 空気入れと一体化している自転車

    この発想はなかった!恐ろしくセンスのいい商品10選 | BUZZmag
  • 配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark

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

    配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark
  • 彼女に愛を伝えるためにLED内蔵の指輪を作る「Project Longhaul」

    製作者の男性は女性と知り合って恋に落ち、自分の思いを伝えるために何をすればよいか考え、なるべく複雑な指輪を自分でデザインして作ることを決断、それから約4か月の間、指輪を作り続けています。 KdN - Kokes dot Net http://www.kokes.net/projectlonghaul/projectlonghaul.htm 指輪の最終的なデザインが決定したのは2013年の1月で、素材や設計などを試行錯誤して、単純では無いが自分が作ることのできるものをデザイン。最終的にデザインされたのはチタン製のリングの内側にLEDと銅製コイルの組み合わせを埋め込み、発信器に近づくとリングに付いているストーンの下からLEDが光るというものでした。 Autodesk Inventorという3Dモデリングソフトを使用して指輪の3Dモデルを設計し、さらに協力者から指輪を渡す相手の指のサイズが15.

    彼女に愛を伝えるためにLED内蔵の指輪を作る「Project Longhaul」
    yuma_sun
    yuma_sun 2013/05/26
    彼女に愛を伝えるためにLED内蔵の指輪を作る おしゃれ ほしい
  • 湯水のようにお金が使えたら、こんな風にしてみたい30の部屋 : らばQ

    湯水のようにお金が使えたら、こんな風にしてみたい30の部屋 理想のお部屋を自分でデザインするとしたら、どんなお部屋にしますか。 場所や予算を何も考えずに作るとしたら、いったいどんなものが出来あがるでしょうか。 そんな理想だけを求めて作った、クレイジーな30の部屋をご覧ください。 1. 壁全体が窓ガラス。外の景色がすばらしいときは、もうそれが天然のスクリーンとなります。 2. カラフルな巨大ソファベッドがエキサイティングなひとときを演出。 3. 大胆なドア窓を、これまた大胆に開け放したとき。 4. そこにはパーフェクトなサウンドが待ってます! 5. リゾート・コテージ風に、広々と和気あいあいと使いたいです。 6. 全てシンプルでありながらどこか全て普通とは異なります。 7. プールのど真ん中にベッドというコンセプト。クレイジーでなければ考えつきません。 8. 落ち着く木目調に周りは美しい山・

    湯水のようにお金が使えたら、こんな風にしてみたい30の部屋 : らばQ
  • 色の持つ効果がわかる図解、色の心理学 : カラパイア

    ファーストフード店や飲店などには赤が多く使われ、信用を第一とする企業は青を多く使う。色のもつ心理的作用を利用した企業の色彩展開や、実際に自宅でどのように色を活用すればいいのかがわかる図が公開されていたので参考までに。

    色の持つ効果がわかる図解、色の心理学 : カラパイア
  • 最低限覚えておきたいWEB配色の基本2大原理と6つの配色パターン

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか?」「どのレイアウトならコンバージョンが上がるのか?」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基の2大原理と、今すぐに使える6つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 WEB配色の2大原理と6つの配色パターン画像を拡大して表示する ※追記:インフォグラフィックの最後のクレジットの部分が途切

    最低限覚えておきたいWEB配色の基本2大原理と6つの配色パターン
  • 【インタビュー】クックパッドのUIデザイナー:「エンジニアの仕事が0を1にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating

    Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん(@monja415)。片山さんが現職に就くまでの道のりや、クックパッドUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ

  • 新人デザイナーに教えたいWebデザインの基本原則【整列】

    以前私は、デザインの勉強を一切したことの無いデザイナー志望の新入社員に、webデザインを教える教育係を任されたことがあります。 教育なんて簡単なんじゃないの?と安易に考えた私は、案の定痛い目を見たわけです。この日から1ヶ月間、私は毎日3時間残業する羽目になってしまいました。 人に教えるのは意外と難しく、何から教えたら良いのかすらわかりませんでした。ただやはり最初なんで基が大事だろうと思い、先輩達のアドバイスを受けながら、【デザインの基原則】を教えることになったわけです! 今まさに新人教育に困っている人がいれば、まずこの記事を読んでもらって見てください!新人デザイナーに教える手間が1.2時間はぶけるかもしれません!(記事がわかりにくければ読ませないでください。その時はごめんなさい) では、早速題に入りたいと思いますが、まずは私が新人デザイナーに初めに教えることにした【レイアウトデザイン

    新人デザイナーに教えたいWebデザインの基本原則【整列】
  • 新卒でも分かる!成果に繋がるWEBサイトの基礎まとめ「5つのステップ」 | SUN MEDIA

    ECサイトを無料で作るオープンソース5選+3! 自社ECサイト制作に必要なパッケージまとめ 38,133 views 良い企画書をマネることから始めよう!大手企業が行うプロモーションの企画書事例まとめ 16,680 views 今更聞けないマーケティングの基礎が勉強できる便利な5サイトまとめ 13,238 views 0.1秒の遅れが、1%の売上に影響する!? ページ表示速度の影響力と改善法まとめ 11,789 views 脱初心者!事業計画書の書き方やテンプレート配布サイト4選 11,336 views 売上アップに必要不可欠!販促企画書のアイデアを貰えるサイト5選 8,667 views あなたのサービスが広まる、エレベーターピッチ! 7,625 views 困った時に使える14パターンの無料名刺デザインサンプルデータ 7,429 views WordPressの導入からデザイン、プラ

    新卒でも分かる!成果に繋がるWEBサイトの基礎まとめ「5つのステップ」 | SUN MEDIA
  • layer8.sh

    This domain may be for sale!

  • リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)

    こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量:10で追加します。これが同心円状のヘアラ

    リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
  • 『こんな部屋にしたい!』時間の経過を忘れてしまう程美しいインテリアを紹介しまくってるサイト色々! | バンクーバーのうぇぶ屋

    将来、家族を持ったらどんな家にしよう… 次引越ししたらどんな部屋にしよう… フリーランスならどんなホームオフィスにしよう… パーティーするならどんな部屋だと良いだろう… 僕自身、何千回、何万回こんなことを考えたか見当も付きませんが、皆さんの中にもきっとそんなことを思い描くのが大好きな人はきっと多いはず。 ついこの間、Facebookの方で『DESK』というクリエイターのデスクを紹介しまくっているサイトを投稿させてもらった時の反応の多さに、「あぁ、やっぱり僕だけじゃないんだな」と改めて思いました。 僕もインテリアを眺めるのが大好きで、以前に僕の記事でも紹介させて頂きましたIDSに行って来た時から、とにかく色んなインテリアというインテリアを眺めては、将来自分が住んでみたい部屋を妄想し続けている毎日です。 …誰に向けた言い訳でも無いのですが、たまにはWEB以外のデザインを眺めて新しいインスピレー

    『こんな部屋にしたい!』時間の経過を忘れてしまう程美しいインテリアを紹介しまくってるサイト色々! | バンクーバーのうぇぶ屋
  • Web制作に携わる人は見ておくべき、2011年のはてブ1500数以上の良記事31選 | URAMAYU

    2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カテゴリ内で、1500以上ブクマがついた記事を選出、その中からさらに私の主観も入りつつ、2011年Web制作系のエントリーの中でもベストな31記事をピックアップ、Webデザイン系、SEO系、HTML+CSS系、プログラミング系、スマートフォンサイト制作系、企画、ツール、その他系、素材系にそれぞれ分類しました。 Webデザイン系 1. 色彩センスのいらない配色講座  配色と色についてひじょーに分かりやすく、論理的に解説されたスライド。はてブ数ダントツ。 2. デザインの基礎力をワンランクアップしたい私(Webデザイナー

  • ポリゴン女子の歴史 - うさだBlog / ls@usada's Workshop

    # 1993/??/?? バーチャファイター / SEGA / Model1/SS/32X 当時の最先端技術を結集して生まれたSEGA Model1システムに搭載されたのは、固定機能のフラットシェーダのみであり、テクスチャマッピングは使用できなかった。 - 1994/11/?? バーチャファイター2 / SEGA / Model2/SS Model1の後継基板であるModel2ではバーチャファイター2が開発され、そのビジュアル的インパクトから、普段およそビデオゲームなどやらない人間まで巻き込み、スト2を越える格闘ゲーム史上最大規模のヒットを記録した。Model2には依然として固定機能のフラットシェーダしか搭載されていなかったが、「デカールではなく階調のみ」という特殊な仕様ながらテクスチャマッピングが使用可能となっており、品質の向上に大きく貢献した。 - 1994/12/?? 鉄拳 / ナム

  • ハリウッド映画のポスターにありがちな13パターン Pouch[ポーチ]

    映画場といえば、なんと言って米・ハリウッド。毎年数え切れたほどの作品が制作され、のちの作品に影響を与える名作も多数誕生しています。そのハリウッド映画のポスターには、実は決まったパターンがあるようです。過去のポスターのパターンを分類した画像が、海外のインターネットユーザーの間で話題を呼んでいます。以下がその13パターンです。 ・ ハリウッド映画のポスターでありがちな13パターン 1. 浜辺に立つ人々と、空に浮かぶ巨大な顔 感動的なドラマ映画に多く見られるパターン。浜辺に立つ人たちと、空に浮かぶ人物は、作中で別離(死別)する可能性が高いです。 2. セクシーな背中(多くは武器を持っている) アクション映画に多く見られるパターン。 3. 背中合わせ ラブコメディやアクション映画み見られるパターン。多くは男女が背中合わせで立ち、2人は編で恋愛関係に陥るケースがあります。 4. ベッド ラブコ

    ハリウッド映画のポスターにありがちな13パターン Pouch[ポーチ]