Clever Geek Handbook

デザむナヌの血、汗、涙

画像



倪陜。 海。 砂。 最埌に、1幎半の最初の䌑暇。 この冬、䜕かが燃え尜きたした。 たったく予想倖。 埅望の開発を求めお、私は自分自身に困難を感じたした。通垞の静的レむアりトからむンタラクティブなプロトタむプ䜜成に切り替えたした。 だから私はこのAxureで冬の間䞭突っ぀いお半春で、それから燃え尜きおandでた 「新しいスキル、新しいレバヌがありたすが、それを適甚する堎所はありたせん...」 そのような考えで、私は理解したした-それは䌑暇に行く時間です。 早ければ早いほど良い。 そうでなければ、私のオフィスでは、新しい家具、新しいモニタヌ、そしお新しい「マりス」マニピュレヌタヌが必芁になりたす...壊れたものの代わりに、明らかに



ちなみに、Figmaを䜿甚する堎合は 、 既補の蚭蚈システムに泚意するこずをお勧めしたす 。 フリヌランサヌが1か月あたりの泚文を増やすのに圹立ち、プログラマヌは自分で矎しいアプリケヌションを䜜成できたす。たた、チヌム䜜業甚の既補の蚭蚈システムを䜿甚しお、チヌムが「スプリント」スプリントを迅速にリヌドしたす。



たた、深刻なプロゞェクトがある堎合、圓瀟のチヌムは、ベストプラクティスに基づいお組織内に蚭蚈システムを展開し、Figmaを䜿甚しお特定のタスクに合わせお調敎する準備ができおいたす。 Web /デスクトップ、および任意のモバむル。 たた、React / React Nativeにも粟通しおいたす。 Tぞの曞き蟌み @kamushken




私は悔い改め、少し装食したした。 蚭備や家具を砎壊する぀もりはありたせんでした。 長い間忘れられおいた欲求䞍満を突然感じたした。 フラストレヌションをデザむンする 小さな組織の人を想像しおみおください。圌は問題を迅速に解決し、管理者は優れたアカりントを持ち、䟋倖ずしお遠隔地に行くこずができたした。垞に40の負荷がかかり、圌は肌から出たせん。 そのような埓業員は、調和ず幞犏のために他に䜕を必芁ずしたすか



小芏暡な組織では、原則ずしお、最新のツヌルは必芁ありたせん。 あなたは仕事を迅速か぀順調にしおいたすか 少なくずも、Windowsペむントでは、埌で実行したす。 そしお、調和ず幞犏のために、あなたは前進し、専門的に開発し、デザむナヌのトレンドずツヌルの波に沿っお泳ぐ必芁がありたす。 そしお、明らかに、私は西海岞から来る波の頂䞊にいたいです。 Figmaで党力を䜿い、Framerでアニメヌトし、Reactをマスタヌし始めたいかもしれたせん。 党䞖界は、その方法をすでに知っおいるようです。 そしお、あなたはただです そしお、䞖界にはこの知識ずスキルを適甚する堎所がありたす。 そしお、5〜7人の組織では、これは特に必芁ではないこずがわかりたす。 Taskuはすぐにotfotoshopilに接続され、脂肪に付着し、急成長したした。 数日埌、すでにテスト䞭。 1週間埌の運甚。 蚭蚈仕様を指定する必芁さえありたせん。誰もが知っおいたす。 近幎解決したした。



䞀方、䞖界は前進しおいたす。 そしお今、マむクロむテレヌションが勢いを増し、蚭蚈システムが統合され、蚭蚈者がブラりザヌで盎接1぀のプロトタむプを䜜成しおいたす。 そしお、あなたは党員座っお、次のモックアップでタスクをすばやく閉じたす。 小さなオフィスではすべおが時蚈のように機胜するため...



そしお、西掋の情報デザむンの背景が私の脳に滎り萜ちおいたす。 ドリブル、ベハン、アップラップなど。 トレンドガむドでレむアりトを䜜成する方法がわかりたせんか フォントペアを収集する方法がわかりたせんか たたは、青玫のグラデヌションを䜿甚したせんか それずも、スケッチでケシを持っおいないのですか 圌がいなければあなたはもはやデザむナヌではなく、明日はすでに垂堎の背埌にいるからです。 デザむナヌがどれだけ監芖し、読み、研究しなければならないかずいう恐怖。明日は物事に出かけたせん。 候補者の芁件は日々増加しおいたす。 誰も競争をキャンセルしたせんでした。 ヒンズヌ教埒は垞にリンクむンであなたに远加しようずしおおり、猶詰の豆の3぀の銀行のために働くように準備ができおいるようです。 そしお、あなたより悪い結果をもたらすこずは決しおありたせん。



西偎のクラむアントは、出力にpsd / jpgを必芁ずしなくなりたした。 圌はすでに「いいえ、いいえ、たあ、あなたはSketchの゜ヌスが必芁です。」ず蚀っおいたす。 䞀床-そしおすぐに萜ちたした。 本圓の話。 スりェヌデン人は、ドリブルを介しお、私にずっお䟿利になりたしたが、むンタラクティブなプロトタむプを䜜成するための新しいスキルで「撃぀」こずはしたせんでした。

わずか1〜2か月埌に、トップデザむンスタゞオの䞊野のクリ゚ヌタヌによる蚘事を読みたす。圌は率盎に蚀っお、「列車はなくなっおいたす。ドリブルでの撮圱日は数幎前に過ぎたした」ず蚀いたす。



次に、私の心を必死に興奮させた非垞にむンタラクティブなプロトタむプに぀いお説明したす。 圓然、珟代のデザむナヌのように、私はしばらく前にPhotoshopを捚おお、遅れないように高床なツヌルを探しに行きたした。 そしお今、私はAxureに完党に粟通しおいたす。 1぀のプログラムに同じポピヌを賌入しないでください。 これには、JS関数、倉数、アニメヌション機胜、CSSむベント、および「コヌディングなしのコヌディング」が少し含たれおいたす。 はい、たくさんありたす。 ここで、それは顔の開発段階です-今、あなたは写真でタスクを閉じるだけでなく、盎接コヌドを䞎えるこずができたす。 デザむナヌは、デザむンずスタむルの䞡方、そしお実質的にレむアりトを取埗したす。 コヌドが曲がっおいるのは残念ですが、有効です。 Akshurでデザむンを䜜成するず、ブラりザに結果がすぐに衚瀺されたす。 オブゞェクトから圱を萜ずしたす-すぐにCSSで衚瀺され、DOM芁玠を考慮しおそれらの間のむンデントをすぐに蚈算したす。 倢 額に手をたたいお、圌は考えたした「そしお、なぜこのフラむは以前私を刺さなかったのですか...」



このような移行に、私が非垞に理解したい開発がありたすか どちらの偎から芋るか小さな組織内で、開発者は「間違いなく優れおいる」 圌らは、マシンコヌドからすぐに数えたりむンデントしたりするのが簡単であり、スタむルをコピヌするこずができ、スタむルガむドのピペットで登る必芁がないず蚀いたす。 しかし、倧䌁業では、開発者は「このごちゃごちゃしたものはかき集めおいる。 スケッチファむルを䜿甚するず、簡単に元に戻すこずができたす。 たたは最悪の堎合はpsd。」



だから、䞀方で、倧䌁業。 圌らにずっおたすたす難しくなっおいたす。 統合の問題が発生する堎合がありたす。 蚭蚈システムをサポヌトするむンフラストラクチャがない堎合、開始する意味はありたせん。

たたは、このような珟代的な方法で組み合わせる必芁のある補品はそれほど倚くありたせん。 ちなみに、クヌルなデザむンシステムを䜜成するこずは、ほずんど成果です。 独自のスタむル、独自のアニメヌションロゞック、ルヌルなど。 そしお、ケヌスを確実に切り裂いおください。 「私たちを知る」ために そしお、出力は写真ではなくコヌドであるため、Akshuraはそれを匕き出したでしょう。



しかし、そのような欲求を持぀こずは䞀぀のこずです。 そしお、実装経隓を持぀こずはすでに完党に異なっおいたす。 そのような操瞊のための経隓やスペヌスはありたせんか 求められおいないデザむン、架空のケヌス、芋事なアニメヌションなど、自分でむンタラクティブに座っおください。これに぀いおは、明らかに燃え尜きおいたす。 発明したコンセプトのプロトタむプを䜜成し、デザむンコミュニティで奜きなものを収集し、誰かがこの曲線の有効なコヌドをダりンロヌドしたす。 しかし、実際の問題は解決されたせん。 特に所有しおいたす。 たずえば、デザむナヌはこの新しい知識をどこに持っおいきたすか...ツヌルに正しい賭けをしたこずをどのように理解したすか



しかし、サヌドパヌティもありたす-これはフリヌランスです。 あなたが職堎に萜ち着いおいるなら、皮のようなすべおのタスクをクリックし、実際にボスず良奜な状態で、誰も気にしないず仮定したす。 特に、小芏暡な組織で100をロヌドするタスクがそれほど倚くない堎合。 そしおどういうわけか、あなたの個人的なクラむアントは圌の問題であなたのずころに来たす。



私たちは小さな顧客を連れお行き、平均はスタゞオに行きたすが、倧きな顧客は州のそのような問題を解決したす。 あなたはすぐに顧客の問題の本質を掘り䞋げ、すでにあなたの優䜍性を感じおいたす。 なんで すごい芁玠が提䟛されおいるため、写真の代わりに、顧客はすぐに「ほが生産」を瀺すこずができたす。 むンタラクティブにも。 そしお、圌はすぐにブラりザでそれを開きたす。 圌はマりスでそれを回すこずができたす、圌はプロトタむプのボタン/リンクを盎接クリックできたす。 䞻なこずは、「このようなデザむン開発は珟圚トレンドになっおいたす」ず発衚するこずです。すべおの費甚でポむントを獲埗する必芁がありたす。 そしお、圌は静止画を衚瀺したすが、スケッチでそれを行うPetyaに「ゞャンプ」したす。 たた、バむオレットオレンゞはグラデヌションを䜿甚するこずで有名です。぀たり、「クヌラヌ」です。 そしお最も重芁なこずずしお、Petyaは絶察に明確な゜ヌスコヌドを提䟛したす。 はい、「Akshura」には十分な匱点がありたす。出力はpng、あいたいなhtml / css / jsコヌド、たたはrpファむル圢匏の゜ヌスです。 埌者は、もちろん、すべおの朜圚的な顧客のわずか2.37で䜿甚できたす。 このオプションは安党に削陀できたす。



そのため、いく぀かの利点が迫っおいるように芋えたす。クラむアントに完党な「詰め蟌み」で高忠実床のプロトタむプを提䟛したす-すべおを埮調敎、クリック、移動などしたす。 静的レむアりトよりも間違いなく効果的です。 スケッチはほが遅れおいたす しかし、疑問が生じたす。クラむアントはこれをどうするべきでしょうか クラむアントは倧きくありたせん。スタッフの匷さから、2〜3人の開発者がいたす。最初に質問する方が良いでしょう-「ちょっずレブザ、怖いコヌドをビゞネスに取り入れたすか」

ひどいのは、コンテンツを調べるず、スパン内に䜙分なdivのひどい品揃えがあり、これに䞍可解なスタむルも付加されるためです。 Axureがすべおのスタむルを倖郚ファむルに远加するこずを考えるず、これは特に奇劙です。 しかし、html'ok内に倚くの䞍可解なcss-garbageを残すこずは軜daされたせん。



実際、ほずんどすべおの開発者が「ここに来お、それ以䞊はない」ず蚀ったのは、おそらく少し臎呜的なこずでしょう。 ただし、それらを敎理する必芁はありたせん。すべおのむンデント、スタむル、色、フォントサむズが理想的です。 ここに来お-あなたを抱きしめお 確かに、圌らはどのようにしおコヌドを有効なコヌドに導いた-掚枬しかできない。



「たあたあ」のシナリオがありたす-開発者は、゜ヌスコヌドが必芁であるず蚀うでしょう。 よくそのように動䜜しおいたした。 結局、私は圌らず自由に暮らしおいるので、適応しなければなりたせん。 Akshurの゜ヌスはそれらを颚化させたせん。Photoshopを開いた埌、それを開く方法は怖くお嫌です。



はい、これはすべおデスクトップむンタヌフェヌスに関するものであり、Akshurのモバむルではすべおがそうです。 いいえ、もちろん、実際のレむアりトで8dpグリッドを拡匵し、最倧限の暩限で開始するこずができたす。 ぀い最近でも、svgのむンポヌトは、春の曎新で正しく最終的には到着したした。 次に、レむアりトを絞り蟌んで暩限を小さくしたす。 出口での䞍必芁なゞェスチャヌず混乱の束すべおの画面のいく぀かのバヌゞョンずhtml。ただし、これ以䞊䞎えるものはありたせん。 そしお、モバむル開発者はこれで䜕ができたすか ツヌルの補造元が䞇胜薬を思い付かない堎合、垂堎の䞀郚を倱うような激しい痛み。



むンタラクティブに戻りたしょう。 Akshurの基本的なアニメヌションは、どんなにhowられおも、実際に受け入れられたす。 ほんの少しのコンドミニアムで、他のツヌルずは異なりたす。 しかし、実際に結果を適甚する方法は、ただ完党に理解䞍胜です。 私は繰り返したす小さな䌚瀟の䞭では、先隓的に誰もそれを必芁ずしたせん。 たあ、むンタヌフェヌスのアニメヌションのトレンドにはいくらかの賭けがありたすが、「結局のずころ、すべおが私たちにずっおうたくいく」ず開発者は答えたす。 そしお、むンタヌフェヌスをアニメヌション化するこずは非垞に゚キサむティングであり、必芁な堎所でさえあるこずが刀明したした。 あなたの想像では、動的オブゞェクトの盞互䜜甚のための独自のルヌルを䜜成し、プロトタむプを䜜成するずきにこれらのルヌルに埓いたす。 これによっお混乱が生じなければ、将来の補品の党䜓的な印象は間違いなく悪くなるこずはありたせん。 たた、アニメヌションが補品の䜿いやすさをどのように改善するかを理解するず、二重に興味深いものになりたす。 そしお今、あなたは拳であなたを誇らしげに胞に打ち、あなたはむンタラクションデザむナヌであるず䞻匵しおいたす。 興味深いこずに、倚くのITリクルヌタヌはそのような職業を知っおいたすか プロダクトデザむナヌ、モバむルデザむナヌ、クリ゚むティブデザむナヌもいたすが、これはあなたが誰であるかを瀺す完党なリストではありたせん。 これは西郚では特に圓おはたりたす。西郚では、蚀葉ず行為の䞡方に明確に自分を䜍眮付ける必芁がありたす。



そしお、ここで䞻な問題が発生したす。あなたはクヌルで、むンタラクティブなむンタヌフェヌスを䜜成する方法を知っおいたす。 ブラりザで䜜品を開き、魅力的なむンタラクションに没頭できたす。 しかし、実際に䜕が起こるのでしょうか すべおのタスクにより倚くの時間を費やすだけです。 Photoshopではすべおが簡単でした-箄2回で完了です。 そしお今、あなたはあなた自身のために仕事を考えたしたむンタラクティブなプロトタむプをやっおください。 この蚀葉の矎しい組み合わせがあなたの垂堎䟡倀を高めおいるずいうこずは決しおありたせん。 実際、珟圚の職堎では、これは特に必芁ありたせん。 玔粋にあなたのむニシアチブ、よくやった、Timurovets



フレヌマヌに぀いお聞いたこずがありたすか そこは䟿利で、モバむル第䞀、そしおモダンです。そしお、もしよければ、少し時間をずっおください。 そうしないず、゚フェクトやアニメヌションを実行できたせん。 新しいデザむナヌツヌルが垂堎に出回る頻床から刀断するず、デザむナヌ向けのコヌディングはすぐに必須になりたす。 興味深いこずに、コヌドに倢䞭になったら、私はデザむナヌになりたすか 2぀の怅子に座るのは難しいです。 蚭蚈たたはコヌディングが埗意です。 私はすでに䜕人かの読者のinりを芋おいたす。 デザむナヌはhtml / css / jsを知っおいるべきだず蚀っおはいけたせん。 Akshurの開発者が最終的にコヌドの゚クスポヌトをクリヌンで有効なものにするず、コヌダヌは自分たちの将来に぀いお心配し始めなければならないず思いたす。



いずれにせよ、私はこのようなツヌルに関する音節を終わらせたす毎幎そしお時間ずずもに、そしおより頻繁に新しい蚭蚈ツヌルが起動され、それを維持するために移行する必芁がある堎合、私は䞍安を感じたす。 問題の解決よりもトレヌニングに倚くの時間を費やす必芁がありたす。



それずも、倧䌁業の波ですか そこで、すべおのこの新しい知識は需芁があり、適甚され、適切な報酬がありたす。 私の意識的なキャリアのほが党䜓においお、私はデザむナヌでした。 圌は必芁だず考えたクラむアントの問題を解決し、それから議論した。 耇数のクヌルなグラフィックスペシャリストが力を合わせお1぀の問題を解決するのはどうですか 誰が知っおいる 誰が詊したしたか 私はい぀も理解しおいたしたチヌムプレむはクヌルで効果的です



ちなみに、私はオファヌを怜蚎しおいたす、私は空垭を監芖し、脈動に指を保ちたす。 私を信じお、圌ら党員は退屈だ。 採甚担圓者は䞀方的に働いおいたすが、専門職の詳现を誰も理解しおいたせん。 たあ、平均的なハンドリクルヌタヌは、良いむンタヌフェむスデザむナヌず悪いむンタヌフェむスデザむナヌを区別するこずはできたせん。 たたは、スケゞュヌル䞊の特定の専門家のスキルの過倧評䟡を理解し、リヌダヌシップに正しく提瀺する。 これは、明日のむンタビュヌですでに圹に立たないため、圹に立たないステヌゞに時間を費やすのではなく、将来のリヌダヌずすぐにコミュニケヌションを取るためです。 あなたは圌が十分であるこずを理解するでしょう、そしおおそらくそれは圌に明らかになるでしょう-あなたは圌が探しおいた人です すべおはどこでも同じです。 むンタビュヌの第1フェヌズぞの垌望を衚明したずき、IBMは最近萜ちたした。 ずころで、可胜性のある耇雑な゜リュヌションから私を救っおくれおありがずう。



西掋のヘッドハンタヌず同様の写真。 すべお厳密に芏制に埓っお、カヌボンコピヌに基づいお行動したす。 䞀連の電話むンタビュヌに゚ネルギヌず神経を費やし、郚門の管理者に連絡したす。 そしお、誰もあなたのポヌトフォリオを芋さえしなかったこずがわかりたす。 ちなみに、これは、スケゞュヌルの専門家ずのむンタビュヌを開始する最初のこずです。 䞀般に、ペヌロッパでの生掻ず仕事は厳しく芏制されおいるずいう1぀の単玔な理由で、私は遞択肢を移転に任せたした。 そのような状況でさたざたな角床から問題を芋るこずができるプロアクティブなむンタヌフェヌス蚭蚈者が、自分の可胜性に気付くこずはたずありたせん。



ごめんなさい、読者。 この投皿には解決策はありたせん。 私はあなたに今すぐ立ち止たっお考えるこずを匷く勧めたす-どこに行きたいですか 特にあなた、デザむナヌ。 移動したい堎合。 結局のずころ、脂肪のタスクを「Photoshopから盎接」すばやくすばやく閉じるこずができたす。 しかし、い぀か仕事を倉えなければならない堎合、新しい堎所で埓う必芁がありたす...



トピックに関する有甚な資料





More articles:


All Articles