デザインについて、またはプリンターがWeb上で何の関係もないのか

*私のLJの記事を少し修正しました。ここでより適切だと思います*



デザイナーはほとんどいません。 単純なトリックの背後に仕事の欠陥を隠さない優秀なデザイナーはさらに少ない。 まあ、Webでの作業の詳細を理解している優秀なデザイナーはほとんどいません。 新しい仕事に就く時間はありませんでした-私はすでに地元のデザイナーを呪いたかったです。



次に、その理由を説明します。 さらに、このビジネスは非常に専門的ではなく、Web上で自分のパグを作りたいと思う人はほとんど誰でもこれに直面することができます。 オープンソースからサイトのテンプレートを結び付けるなど、簡単な方法を選択しない場合、さらに悪いことに、味が悪いnarod.ruの傑作となったサービスを使用する場合。



一般的に、まあ、初心者のために、彼らは私にレイアウトのための小さな割り当てを与えました。 Siteerの掲示板。 彼らは私に送ります... 4 x 3000ピクセルのJPEG。 同時にかなり複雑なグラフィックス。 なに...? はい、PSDで通常のソースを教えてください! うん。 ボスはデザイナーから引き落とされ、数分後にPSDファイルは私の作業フォルダーにあります。 PSD shnikではなく、1つの名前。 また、4 x 3000ピクセル、そして当然ながら1つのレイヤーに。 通常、同じグラフィックの背景をカットできるように、通常のレイヤーはどこにありますか? 彼はどうやってそれをしましたか? デザイナーは、まったくウェーバーではなく、ポリグラフ奏者であることが判明しました(それほど熱くはありませんが、それについては後で詳しく説明します)。 そして、私はすべてを... Adob​​e Illustratorでペイントしました。そこから、他のすべてのフォーマットに書き出された(画面解像度を考えずに)思いもよらない! 私はすべてを理解していません、印刷のために、そのようなグラフィックはまさに​​あなたのものです。なぜなら、それはあなたが好きなように拡大縮小して何にでも印刷できるからです。それは点の固定位置ではなく、描かれた幾何学的形状、それらの比率と位置に依存します。 しかし! そのようなウェブサイトは、画面のまさにポイントに添付されています。 それが、今、私が一つのルールを言う理由です。 ベクターフラッシュ上にないサイトを作成する場合(そして、これに良い見当がつかない場合)、次のようにします。



ラスターグラフィックスのエディターのみでデザイン(最悪の場合、レイアウトにそれを与える)サイト!




Photoshopドライブ。 はい、最悪の場合、MSペイントでさえも機能しなくなりますが、レイヤーのサポートがなければ、依然としてきつくなります。 また、ベクターでの描画に慣れていて、そうでなければできない場合は、少なくとも通常どおりエクスポートするのに手間がかかります。



まあ、彼らはデザイナーをまだ苦しめました。 翌日、彼は一種のレイヤーを送信します。 テキストは素材から分離されていますが、それは良いことです。 もう1つは、すべての基板が1つに統合されたことです。これは直感ではありません。 そして、あなたは単純なコピー&ペーストコーティングで降りることはできません。 ページ上のこれらのアンダーレイはグラデーションの複雑なシステムであったためです。 水平および垂直の両方。 この分野は、私に反則言語の攻撃を引き起こしました。 わいせつではないにしても、印刷の幅と高さで一定であることを説明するために、他の方法については、必要に応じて変質させてください。 また、各Webページの高さは、他のWebページとは異なります。テンプレートを作成するだけで、どのくらいの時間埋められるかは事前にはわかりません。 それに対応して、中央から来てページの幅全体に広がるグラデーションの塗りつぶしは機能しません。 同様に、個々のテキストブロックを埋めることで、それらがすべて同じ長さの直線であるべきだとは思いませんか? したがって、ここに別のルールがあります:



このサイトは静的な画像ではありません! たくさんのことを台無しにする前に、これがすべて異なる内容でどのように見えるかを考えてください。




繰り返しますが、これはすべて1つのレイヤーにマージされたためです。 どういうわけかこれでページを作ってみましたが、最終的にこのポルノを見て、得点しました。 まず、素材が水平であるページの上部から小さな破片を引き裂きました。 これにより、フォーマットされたHTMLのメインの背景になり、何かを見るためだけに一定の高さを規定していました...ブラウザでそれを開き、スクリーンショットを撮りました。 すでにPhotoshopで、オリジナルからこのスクリーンショットにコピーされた列見出しを持つレイヤーを適用しました(これらの見出しがグラフィックである理由-さらに説明しますが、どちらのソリューションもそれほど熱くありません)。そこからグラフィックをカットし始めました。 倒錯ですよね?



だから、ここにグラフィックヘッダーがあります。 一般的に、私は明確な情報コンテンツ、高速読み込みのサポーターであり、一般的に写真をオフにしてgprsに長時間座っている人だと言います。グラフィックメニューやヘッダーなどは好きではありません。 そして、狂気に加えて、サイトマップや他の代替手段がない場合のフラッシュメニューを検討します。 写真を無効にしてみれば、その理由がわかります。 テキストリンクの方がはるかに優れており、その下には最愛のグラフィック背景があります。 さて、いや、ここでデザイナーはそのようなことの可能性を完全に遮断して盛り上げました。 実際には、ページのタイトル、メニュー、および小見出し(画像と署名で構成)に同じフォントが使用されています。 OSの標準配信には完全に含まれていません。 したがって、このフォントでテキストの表示を登録すると、ほとんどのユーザーは、代わりに何が不明瞭かを見ることになります。 はい、報道機関には深く無関心ですが、それでもあなたはウェブ上のユーザーの世話をする必要があります。 この場合、私はすべてをグラフィックスで行い、芸術のない写真の代替テキストを書く必要がありました。 しかし、これはまだポルノ、私見です。 だから-もう1つ、鼻をハックすることをお勧めします。



グラフィックを使いすぎないでください。




標準フォントも美しく、検索エンジンはおそらく画像の代替よりもテキストの見出しに気付くでしょう。



その他。 繰り返しますが、public.ru(昨日の前日)で静的ページを作成しない場合、Webページのほとんどの要素が自動的に生成されるため、多くの要素が同じパターンに従って作成され、標準設計になっていることが最終的にわかります。 スタンダードと言った! そして、理論的には1つのサンプルで1つのスクリプトに表示されるグラフィックヘッダーを持つブロックには、フレームもありました。 1つのブロックでは、このフレームのマージンは20ピクセルであり、他の15では3ピクセルで、どこに行ったのかは一般に不明です。 そして、それは有機的に見出しに刻まれていたので、どういうわけか私は変更を台無しにしたくなかったので、フレームワークも完全に削除されました。 はい、見出しは、テキストと画像のサイズが異なるため、やや不均一です。 また、コンテンツを変更する必要があるのはこのセルにあることを出力スクリプトに伝える必要がありますか? このf話の教訓はこれです:



同じスタイルに従ってください。 自動化に同情します。




そして最後に、本格的なグラフィックエディターに存在する「配置」ツールの使用方法を学びます。



そのようなティラデ。 上記のエラーを繰り返さないでください。 そうでなければ、それはビューを強化するだけです



ポリグラフ作成者は、Webデザインで行うことはありません!



All Articles