デザイナー向けのWebテクノロジー-理由と方法

オレンジはそれと何の関係がありますか?オレンジ色です 私の名前はアントン・シャインです。 時々、インターフェイスの設計、プロトタイピング、およびシステム化に関するレポートを作成します。



各レポートの後に、次の2つの主な質問があります。



  1. デザイナーはWebテクノロジーを使用できる必要がありますか?
  2. デザイナーがそれらに対処したい場合、どこから始めるべきですか?


この記事でそれらに答えようとします。



デザイナーはWebテクノロジーを使用できる必要がありますか?



要するに:いいえ、すべきではありません。



事実は誰も誰にも何も負っていないということです。 少なくとも、銀行または他の誰かと文書に署名するまで。



正しい質問は、ウェブの所有権はデザイナーが問題を解決するのに役立ちますか? はい、役立ちます。 特に、データが重要な役割を果たす製品で作業している場合。



マスタリングテクノロジーにより、次のことが可能になります。



  1. ルーチンを自動化します。 あなたが時々することは、コンピュータによってあなたのためにされることができます。 たとえば、設計のガイドラインを遵守し、1つのモデルで数百の類似要素を作成し、異なるデータの組み合わせでそれらをチェックし、1つを変更するときにすべての要素を一度に変更します。
  2. 複雑なシステムと大規模な製品を設計します。
  3. 開発者とやり取りし、彼らの仕事を製品にすばやく実装するのが簡単です。 グラフィカルエディタで描画されたレイアウトにより、多くの不快な瞬間がカーペットの下に広がります。 決定を変更するには遅すぎる開発段階で、彼らはまだ彼らに直面しなければなりません。 設計者がすべての微妙な点を事前に解決する場合、出力製品はより良くなり、その過程で生じる紛争は少なくなります。
  4. 開発を待たずに、人生の決定をテストします。 はい、写真に基づいてクリック可能なプロトタイプを作成できるアプリケーションとサービスがたくさんあります。 しかし、これらのサービスでは、開発によって実装される前に製品を使用してテストすることはできません。
  5. 個人プロジェクトの最初のバージョンを独自に作成し、使い慣れた開発者がいないことを後悔しないでください。 非常に単純ではありますが、実用的なプロトタイプは、アイデアを販売するときに常にプラスになります。


同時に、Webテクノロジーはたった1つであり、デザイナーにとって有用なスキルです。 光はそれらに収束しませんでした。 タイポグラフィ、色、イラスト、台本、交渉、編集スキル、3D視覚化、アニメーションなどを扱う能力もあります。



リストはほぼ無限であり、各アイテムはあなたの可能性を広げます。 スキルが多く、それぞれのスキルが優れているほど、さまざまなタスクを解決する機会が増えます。 そして、興味深いプロジェクトに参加する機会が増えます。



何に焦点を合わせるか、誰もが自分で決める。



まだ読んでいて、技術の勉強を始める方法に興味があるなら、記事の残りの部分で最初のステップを強調してみます。



Webテクノロジーの学習を開始する場所



多くのインタラクティブなオンラインコースがあります。 しかし、私の意見では、あなたはそれらから始めないでください。 武道に従事し始めると、最初のクラスではテクニックを学び始めません。 まず、あらゆる方法でクラスを走る方法、プッシュアップする方法、スクワットする方法、体を準備する方法を学ぶ必要があります。



ここにあります。 2つの非常に重要なスキルから始める必要があります。



  1. 10本指タッチシール。
  2. 英語で読む基本的な能力。


10本指タッチスタンプ



考えをコンピューターに転送するときは、できるだけ簡単かつ迅速に行う必要があります。 思考がテキストで表現されている場合、それが文字、記事、またはコードであっても、それらを転送するための最も便利なインターフェースはキーボードです。 したがって、思考がすぐに使えるように、すばやく入力する方法を学ぶことが重要です。



目標を設定すると、夕方の1週間のクラスでタッチタイピングの基本スキルを習得できます。 その後、印刷速度は自動的に増加します。



いくつかのヒント:



  1. シミュレーターとして、 thetypingcat.comまたはklava.orgを使用することを 勧めします。 残りのシミュレーターは精神のpsych笑であり、それらからの善よりも害が多くあります。
  2. 盲目的に入力する訓練を開始し、通常の方法に切り替える誘惑に屈しないでください。 本当にしたい場合でも、これからの学習速度はゼロになる傾向があります。これが脳の働きです。


スキルはコードだけでなく有用です。 盲目的に入力し始めると、通信の時間を大幅に節約できます。



英語で読む基本的な能力



コードを学習するとき、多くの質問があります。 StackOverflow.comのおかげで、彼らには答えがあります。 しかし、彼らは英語です。 さらに、多くの優れたチュートリアルや英語の記事があります。 それらを読むことができれば、学ぶことははるかに簡単になります。



コースに行ったり、厚い教科書を開く必要はありません。 あなたの脳はニューラルネットワークです。 そして、外国語で答えや記事を読むように強制するだけで、あなたの脳は順応します。 各記事で、読んだ内容を理解しやすくなります。 学習に役立つのは、強調表示されたときに単語を翻訳するブラウザプラグインです。



英語での読み方を学ぶもう1つの方法は、ダビングせずにテレビ番組を見るように強制することです。 このために、例えば、素晴らしいサービスOroro.tvがあります。



SherlockやThe Big Bang Theoryは見づらいので、簡単なテレビ番組から始めるのが良いでしょう。 私自身は、トレーニング中にロストを見ながら、英語で大きな進歩を遂げました。 非常にシンプルな英語があり、プロットは非常に単純なので、翻訳しなくても何が起こっているのか明確です。



オンライン講座



タッチタイピングをマスターし、少なくとも少し英語を読める場合は、さらに進んでください。 たとえば、オンラインテクノロジーコースを試してください。 それらの多くがありますが、有料で無料です。 無料のものの中で、私はCodecademy.comが最も好きです。



クラスのこの順序をお勧めします:



  1. HTMLとCSS
  2. JSの基本
  3. ターミナルで作業する


しかし、コースには問題があります-それらはすべて非常にゆっくりとゆっくり噛まれます。 眠りにつく時間はありますが、到達できません。



したがって、次の投稿では、学習に対する別のアプローチについてお話します。真に有用なプロジェクトを取り上げ、それを少しずつ分析し、同時に何が何であるかを研究します。 興味がある場合は、記事に従ってください。 次は月曜日になります。 私はTwitterですべての新しい記事について話しているので、役に立つ発見をそこに公開しています。



PS:一日の終わりにすべてのコメントを注意深く読み、投稿の更新で返信します。



All Articles