web-dev-qa-db-ja.com

photoshopでのデザインは過去のものですか?

私はいくつかのブログやサイトを調べていて、Photoshopでデザインすることがもはや実用的ではない方法について話している何人かの人々に気づきました。ブラウザでのデザインなどを提案します。

私にとって、ブラウザーでの設計はあまり効率的ではないようです。同様に、設計に焦点を合わせるのではなく、コードをいじって、正しく機能させる必要があります。結局、あなたはその創造的な考えを失うかもしれません。

私はそう思うのは間違っていますか?

3
dmitry_berna

人次第だと思います。私はHTMLとCSSに非常に精通しているので、現時点で適切と思われるものを設計します。鉛筆と紙、Visio、Photoshop、HTML/CSS(場合によってはIllustratorまたはAxure)。

私はいつも紙と鉛筆から始めますが、その後、たとえば、Excelで表を作成し、それをコピーして直接Photoshopに貼り付けるかもしれません。ほんの少し前に、ダッシュボード用のExcel/HTML/CSSでいくつかの詳細なグラフの作成を終えました。

それはあなたが何に慣れているかによります。 Photoshopで作成するのと同じくらい簡単にHTMLでフォームを作成できます。

4
Mayo

私たち全員のやり方は異なりますが、どのようなワークフローでも良い結果が得られます。

私にとっては、IAとUXの研究に着手したら、紙にスケッチして解決策を見つける前に、Balsamiq/Axureにアイデアを取り入れて、構造、ナビゲーション、相互作用の忠実な高速反復のプロトタイプを作成します。ハイファイデザインの編集に4日を費やすことなく、アイデアをすばやく見つけてテストできます。レスポンシブワイヤーフレーミングに役立つ非常に優れたモバイルUXアプリがいくつかあります。

その後、常に忠実なデザインのためにPhotoshopを使用します-「ルックアンドフィール」の作成、開発、そして最終的な合意を得るために。 Photoshopは非常に高速で創造性を促進するため、Photoshopがデザイナーツールボックスの一部ではないことはありません。

サインオフすると、開発を開始できますが、それらのワイヤーフレームは手元に置いておいてください。私たちは皆、開発者がどんな人なのか知っています。

2
TheSaint

「デザインする」とはどういう意味ですか? -UX、テーマ、グラフィックス?

私の考えでは、UXはワイヤーフレームツールで実行するのが最も簡単です。埋め込まれているバルサミクはこのサイト(または紙)です。

ロゴやアイコンなどの視覚要素の場合、ベクターグラフィックツールで行うのが最適です。 Adobe Fireworks。

大きなラスターイメージの場合は、Adobe Photoshopなどのイメージ編集ツールが適しています。

1
Danny Varod

まず第一に、ブラウザでdesignすることはできません。ただし、Webベースのサービスや高度なアドオンなどを使用する場合を除きます。ブラウザは基本的にdisplayingレイアウト/デザイン/ウェブページ用に作成されており、designing向けではありません。

  • 設計プロセス中ただし、ブラウザで時々設計をチェックすることはできます(そしてすべきです)。自然な環境でデザインがどのように表示され、どのように感じられるかをすばやく把握できるので、これは非常に役立ちます。
  • ラピッドプロトタイピング、ワイヤーフレーム、モックアップの場合 Axure、Balsamiq、InDesign、Illustrator、Photoshop、HTML + CSSなどのさまざまなツール、またはペンと紙から選択できます。どのツールが最適かを見つける必要があります。
  • より複雑なレイアウトと詳細なデザインの場合幅広いツールから再び選択できます– photoshopは、おそらくWebサイトの設計段階で依然として非常に人気のあるツールです。他の人はInDesignやIllustratorを使用しています–そして、強力なGimpも追いついていると聞きました。繰り返しますが、どのツールが自分に最適かを見つける必要があります。

要約すると、フォトショップでのデザインは過去、現在、未来のことです。共同作業の場合/チームや代理店では、標準と見なすことができます。しかし、だからといって、それがhasがあなたのお気に入りの選択肢になるということではありません。

1
tillinberlin

あなたがウェブサイトをデザインするつもりなら-ちょっとはい。 CSSとHTMLを「直接」使用して、同じ結果を(非常に迅速に)達成できます。さらに、photoshopプロジェクトをコードに書き換えるために時間を無駄にすることはありません。

あなたが他のことを意味しているなら、私はあなたが例えば設計する必要があると思います。 Javaプロジェクトのどこか...

0
knapcio

Photoshopでのデザインは簡単です。ただし、Photoshopの更新はそうではありません。レスポンシブデザインの複数の領域を更新するのは面倒です。 Photoshopは通常、私にとって最初と最後のステップです。その間に私はBalsamiqを使用しています。

さまざまなブラウザーの内部でテストすることなくしてはあまり考えられない変数があるので、ブラウザーでいくらか設計することも良いです。言うまでもなく、管理はあなたの仕事を触って感じることができ、通常は静止画像よりも肯定的な反応を引き出します。

0
Chris Aplin

設計者は、製品、チーム、スキルセットなど、さまざまな要素に適したものを使用して設計する必要があります。したがって、特定の方法が普遍的に正しいか間違っているかはありません。

時が経つにつれ、新しい、多くの場合はより優れた設計方法が見られます。私が最初に始めたとき、多くの人はFreeHand、Illustrator、Photoshop ...を使ってデザインしないと言っていました。彼らの推論は、創造的というよりは、ソフトウェアをいじるのに時間を費やすことになるというものでした。過去に同じ嫌悪感のデザイナーがコードを書き、コンピュータソフトウェアを軽視していた様子も見られます。

15年以上Photoshopを使用してきましたが、HTMLとCSSで直接デザインすることが多くなりました。方法を学ぶと、時間を大幅に節約できます。さらに、最終結果がHTML&CSSで構築されるようなものを設計する場合、最終出力がどのようになるかをより正確に反映します。

繰り返しますが、設計しているものや作業しているチームに応じて、ツールは異なります。 Balsamiq&Axureを使用していて、それらのツールをワークフローに組み込むことで、それらが解決するよりも多くの問題に遭遇しました。たとえば、Balsamiq&Axureで新製品を開発したところ、さまざまな問題が発生し、期待が適切に設定されました。アクスルは特に悪いです。また、JSフレームワークを使用してプロトタイプを作成しました。時間がかからず、作成したいUXをより正確に反映し、最終製品に活用できました。もちろん、それを行うには、JSロックスターがチームにいる必要があります。

現在、私は会社でデザインチームを構築しており、少なくともHTMLおよびCSSのスキルを持つデザイナーを探しています。多くの企業は、企業に少なくともこれらの基本的なコーディングスキルを要求しています。エクスペリエンス言語を作成し、それを使って設計します。

0
user1337