Webデザインチュートリアル(2):模倣と盗作について

Webデザインチュートリアル(2):模倣と盗作について
<br />前回の記事では、Webデザインの手順と方法を紹介しました。詳細については、前回の記事「Webデザインチュートリアル(1):手順と全体的なレイアウト」を参照してください。2005年に業界に入って数ヶ月後、私は労働者の日を休みました。1ヶ月以上毎日12時まで残業した後、私は日記に模倣と盗作についての記事を書きました。それは5ページを占めました。今では、推論は非常に明確であるようですが、少し極端すぎるようです。今、私はそれを書き直します。初心者は次の段落を読むだけで十分です。
模倣の要素:
「真似る」ではなく「真似る」と言ったんです… ずっと「真似」していたのなら、見ないほうがいいですよ…
要素とは、分析、比較、重点の分割、変更できるものと変更できないものの判断に他なりません。
1:まず何をしたいのかを分析します。各ページにどのようなコンテンツを配置したいかを紙に書き出します。これらのコンテンツの重要度をユーザーエクスペリエンスの順に並べます。各パーツが占める面積はどのくらいか、レイアウトが足りない場合は何を削除できるか、レイアウトが大きすぎる場合はどのようなコンテンツを追加できるかなどを把握します。
2: 分析結果と想定されるスタイルに基づいて、模倣するウェブサイトを選択します。
3: 比較を通じて、選択したウェブページのどの部分が適用可能で、どの部分が適用不可能かを比較します。さらに、利用可能な複数のものを比較し、分析の重要度に応じて比較し、強調できる効果に応じて区別します。
4: 最も適した、または最も適したサイトを選択します。
5: 模倣したいサイトの「精神」をつかみます。その感覚を見つけます。その構造を分析し、なぜそのサイトがこのように処理し、うまく機能しているのかを調べます。そのコンテンツを自分のコンテンツに 100% 置き換えることができますか? レイアウトを変更しても同じ効果が得られますか? スタイルを変更しても、合理的なレイアウトを維持できますか? レイアウトを崩しても、ユーザーに快適に感じてもらえますか...
6: 詳細を修正する 5 番目のステップを実行していない場合は、そのままにしてください。5 番目のステップを実行していない場合は、模倣であり、盗作に等しいため、次の言葉は不快に感じる場合があります。
NewWebPick の第 12 号には、「デザイナーがビジネスの世界で勝つための 10 の黄金律」という記事があり、その 10 番目には、「いかなる理由があっても、決して他人のデザインをコピーしようとしないでください。それはデザイナーにとって死刑宣告です」と書かれています。つまり、「いかなる理由があっても、決して他人のデザインをコピーしようとしないでください。それはデザイナーにとって死刑宣告です」ということです。彼らの言うことが厳しすぎると思うなら、あなたには野心がないか、あまり多くのことを達成するのは不可能かのどちらかです。
盗作は恥ずべき行為であり、出典を明記せずに転載するのも恥ずべき行為です。自分の作品に盗作を使う場合は学習とみなされますが、商業デザインに使う場合は恥ずべき行為です。もちろん、中国では盗作は普通のことなので、あまり気にする必要はありません。以前、同業他社のウェブサイトを見たことがありますが、そのホームページのタイトルは「中国はいつ泥棒から解放されるのか?」でした......
実は、盗作と模倣は一歩しか離れていません。多くの優秀なデザイナーも、盗作から模倣に始まり、優秀なデザイナーに昇格したと言ってもいいでしょう。ここでは「優秀」という言葉の定義はしません。盗作であれ模倣であれ、他人のものを自分のものにしようと分析し、学び、努力してきたのであれば、これはとても良いことです。とても良いことです。しかし、ただ手間を省いてお金を稼ぎたいだけなら、完全に恥ずべきことです。
盗作を教えているわけではありません...
他人の作品を盗用したことがない人はいますか? 盗用の高度な形態は模倣であり、盗用の最高レベルは参照です...汗...

<<:  Xtrabackup を使用した MySQL バックアップ プロセスの詳細な説明

>>:  Vueにおける混合継承の詳細な説明

推薦する

HTML チュートリアル: HTML 水平線分

<br />このタグを使用すると、画面上に水平線を表示して、ページのさまざまな部分を区切...

マウスを傾けた状態でのフリップナビゲーションの問題に関する研究

この記事では、マウス フリップナビゲーションの制作についてまだ疑問を持っている友人の役に立つことを期...

IEではボタンが両側に伸びる

ボタン (input, button) を記述すると、IE では次のようになります。単語数が増えると...

MySQL フルテキスト インデックス、ジョイント インデックス、Like クエリ、JSON クエリのうち、どれが高速ですか?

目次クエリの背景1. クエリをいいね2. JSON関数クエリ3. 共同インデックスクエリ4. 全文イ...

Docker デプロイメントサービスの落とし穴を登る過程の詳細

初めて書きます。自己紹介させてください...みなさんこんにちは。私はジャスミンです。なぜジャスミンと...

Linux で at および cron スケジュールタスクをカスタマイズする方法

Linux システムには 2 種類のスケジュールされたタスクがあります。1 つは 1 回だけ実行され...

CSSは5つの一般的な2D変換を実装します

CSS の 2D 変換を使用すると、移動、回転、拡大縮小、変形などの基本的な変換操作を 2 次元空間...

Tudou.comのホームページのデザイン方法

<br />私は数年間フロントエンドに取り組んできました。フロントエンドについて完全に理...

HTML の基本概要推奨事項 (段落)

HTML段落段落は <p> タグによって定義されます。例<p>これは段落で...

配列をフィルタリングするJavaScript

この記事では、配列フィルタリングを実装するためのJavaScriptの具体的なコードを参考までに紹介...

jQueryはフェードインとフェードアウト効果を実現します

jQuery を使用してフェードインとフェードアウト効果を完成させる前に、まずいくつかのコードを理解...

Nginx Rewrite の使用シナリオとコード例の詳細な説明

Nginx Rewriteの使用シナリオ1. URL アドレスジャンプ。たとえば、ユーザーが pm....

vue3.0+echarts は 3 次元の縦棒グラフを実現します

序文: Vue3.0はechartsの3次元縦棒グラフを実装します結果: 実装手順: 1. echa...

MacでDockerがホストマシンにpingできない問題を解決する

解決Docker for Macに付属するLinux仮想マシン(軽量ですが、ソケットファイルを使用し...

CSSのtranslate(-50%,-50%)は水平および垂直の中央揃え効果を実現します。

translate(-50%,-50%) 属性:中央に配置するには、長さと幅の 50% だけ上と左...