通常、ウェブデザインが完成すると、デザイナーの無知が暴露され、批判されることになります。 Web ページのコードを作成するという大変な作業はプログラマーに任せています。この現象はWeb開発業界だけでなく、ソフトウェアやゲーム開発業界でも見られます。
厳しい真実は次のとおりです: 設計者によって開発の進捗が滞る可能性があります。 最適な効率を追求するには、デザイナーは絵を描くだけでなく、それを作る能力も必要です。この記事では、デザイナーがコーディングを学ぶ必要がある理由のいくつかを読者と共有したいと思います。
現実的で実現可能なデザインを作成する
最終製品がどのように実現されるか明確な印象を持って、デザイナーは、より実用的で実行可能なコンセプトを考え出します。開発プロセスの不可欠な部分として、デザイナーは、使いやすさ、Web の読みやすさ、実装可能性も考慮しながら、デザインをオンライン メディアにスムーズに転送できるようにする責任があります。ユーザーフレンドリーな Web サイトは、簡潔かつ明確な閲覧シーケンス ロジックを備えているだけでなく、煩雑で煩雑に見えることなく、必要な情報をすべてユーザーに提供します。 Web レイアウトが可能かどうかを知る唯一の方法は、Web ページを自分で構築する方法を学ぶことです。
コミュニケーションを容易にします
独立して設計および実装されるほぼすべての製品、特に Web サイト、ソフトウェア、ゲームなどの無形の製品では、設計チームと実装チームがお互いの期待に応えることはありません。これは通常、 製品の期待と製品の実現可能性 の間の妥協点に帰着しますが、現時点ではこれを完全に統一するのは難しいと思われます。解決策は、コミュニケーションにおける混乱、誤解、誤解を避けるために、デザイナーが個人的にデザイン作業を実現するよう努めるべきであるということです。
便利な反復開発プロセス
実用的なデザインは絶対的なものであってはなりません。私が言いたいのは、設計は柔軟でユーザーフレンドリーであり、元の内容を歪めることなくシステムの技術的制約に合わせて変更できる必要があるということです。これらの繰り返しではあるが必要な変更は、元のデザイナーのみが実装できます。設計者/開発者は、開発者が設計を設計者に戻して変更を加えるよりも効率的になる可能性があります。そして、よくあることですが、デザイナーと開発者の間に摩擦が生じる可能性があります。
より良く、より調和のとれた結果
私はソフトウェア、ウェブ、ゲームの開発をオーケストラとして考えるのが好きです。デザイナーが作曲家で、開発者がオーケストラの指揮者です。もし彼らが同じ人だったらどうなるでしょうか?この交響曲は素晴らしく、魅惑的で、純粋なものになるでしょう。巨匠の最高傑作であるだけでなく、巨匠自身が監督した作品でもあります。
開発時間を短縮します
デザイナーがプログラマーの役割を同時に果たすということは、設計とコーディングの進行が同時ではないにしても連続的であることを意味します。その結果、開発サイクルが短縮されます。効率を気にしない人はいないでしょうか。
デザイナーより市場志向
現代のデザイナーは、個人の価値を維持するために能力を向上させる必要があります。一連のスキルを持つだけでは十分ではありません。デザイナー、フロントエンドなど、さまざまな肩書きを身につける必要があります。開発者、記事の著者、プロジェクト マネージャー。
開発者の手に孤立させたままにするのではなく、独自の設計を実装する方法を学ぶことで、あなた自身の価値が高まります。結局のところ、履歴書でデザインとコーディングのスキルについて言及するのは決して悪いことではありません。逆に、金融危機により企業のリストラ(大量解雇を参照)や人員削減が行われているこの時代では、自分の重要性を強調して解雇を避けることも可能です。
しかし、デザイナーがコーディングを学ぶ理由はたくさんあるにもかかわらず、依然として反対意見があります。
Lukas Mathis による物議を醸した記事「デザイナーはプログラマーではない」 (注 1)
デザイナー が独自のデザインを実装する場合、クリーンなコードと優れたユーザー エクスペリエンスという 2 つの異なる目標に拘束されます。これら 2 つの目標は矛盾しています。独自のデザインを実装したい場合は、必然的にコードの品質を犠牲にすることになり、インタラクションデザインには役立ちません。
独自のデザインを実装するデザイナーは、2 つの問題に直面します。彼らは、素晴らしい新しいアイデアが乱雑なコードを作成することを知っています。また、ユーザー エクスペリエンスを改善すると、既存のコードが壊れることも知っています。カオス。ユーザー エクスペリエンスは細部がすべてであり、コードを乱雑にしたくないためにこれらの細部が最終的に台無しになるため、これら 2 つは互いに矛盾します。
これは、「ウェブ開発浄化者」がとった強い姿勢を適切に要約しています。彼らは昔ながらの考え方で、設計と開発の間に明確な線を引くことを主張しています。明らかに、デザイナー は人間のために作成し、開発者はマシンのために作成します。 したがって、UX デザイナーは最も実現可能なユーザー インターフェイスを設計し、開発者が最も実現可能なプログラミングの決定を行えるようにする必要があります。これにはある程度の真実もありますが、私がユーザー インターフェイスに取り組んでいたとき、コードからインスピレーションを見つけようとする努力は失敗に終わりました。つまり、技術的な制限とユーザビリティの制限について、頭の中で正しく理解しておいたほうがよいでしょう。
最後に書きます
最終的には、開発中のプロジェクトの規模によって、デザイナーと開発者の役割が最終的に決定される可能性があります。小規模なアプリケーションはプロジェクト マネージャー (注 2) によって制御できますが、大規模なシステムには必ず異なる専門家が必要になります。
注 1 Mathis-Lukas——「デザイナーはプログラマではない」—— コードは無視してください
注 2 Spolsky-Joel - 「デザイナー兼プログラマー」と呼ばれるポジションについて説明 - 「プログラム マネージャーになる方法」 - Joel on Software
著者のジョン アーバンはカリフォルニア大学の 2 年生で、コンピューター サイエンスを専攻しています。
英語原文 http://sixrevisions.com/web_design/why-designers-Should-learn-how-to-code/

HTML、CSS、およびJavaScriptは、最新のWebページを構築するためのコアテクノロジーです。1。HTMLはWebページ構造を定義します。2。CSSはWebページの外観に責任があります。

HTMLの機能は、Webページの構造とコンテンツを定義することであり、その目的は、情報を表示するための標準化された方法を提供することです。 1)HTMLは、タイトルやパラグラフなどのタグや属性を使用して、Webページのさまざまな部分を整理しています。 2)コンテンツとパフォーマンスの分離をサポートし、メンテナンス効率を向上させます。 3)HTMLは拡張可能であり、カスタムタグがSEOを強化できるようにします。

HTMLの将来の傾向はセマンティクスとWebコンポーネントであり、CSSの将来の傾向はCSS-in-JSとCSShoudiniであり、JavaScriptの将来の傾向はWebAssemblyとServerLessです。 1。HTMLセマンティクスはアクセシビリティとSEO効果を改善し、Webコンポーネントは開発効率を向上させますが、ブラウザの互換性に注意を払う必要があります。 2。CSS-in-JSは、スタイル管理の柔軟性を高めますが、ファイルサイズを増やす可能性があります。 CSShoudiniは、CSSレンダリングの直接操作を可能にします。 3. Webassemblyブラウザーアプリケーションのパフォーマンスを最適化しますが、急な学習曲線があり、サーバーレスは開発を簡素化しますが、コールドスタートの問題の最適化が必要です。

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

HTMLの将来は、無限の可能性に満ちています。 1)新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2)Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3)パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。

htmlisnotaprogramminglanguage; itisamarkuplanguage.1)htmlStructuresandformatswebcontentusingtags.2)ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

SublimeText3 中国語版
中国語版、とても使いやすい

ドリームウィーバー CS6
ビジュアル Web 開発ツール

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!
