Web開発者を夢中にさせる20のこと

著者: Louise Ward
作成日: 7 2月 2021
更新日: 18 5月 2024
Anonim
【機動戦士Vガンダム】初代ガンダムの登場から70年以上経過した時代を駆け抜けた量産型ガンダムタイプMS「Vガンダム(ヴィクトリーガンダム)」の活躍に迫る!!【ガンダム】
ビデオ: 【機動戦士Vガンダム】初代ガンダムの登場から70年以上経過した時代を駆け抜けた量産型ガンダムタイプMS「Vガンダム(ヴィクトリーガンダム)」の活躍に迫る!!【ガンダム】

正直に言います。 Web開発者の生活はとても甘いです。私たちは一日中オープンプランのオフィスの周りに座って問題を解決することで報酬を得ています。また、私たちが何をしているのか、どのように行っているのかをよく理解していないため、特定のブートリック畏敬の念を持って私たちを尊重している人々とも協力しています。これは私たちの拡大した自己重要性の感覚にとって良い終わりではありません。

残念ながら、それらの人々の中には、私たちに何をすべきかを教えてくれるのと同じ人々もいます。 (ビジュアルデザイナーは立ち上がってくれませんか?)そして、彼らは私たちが何をしているのかを完全には理解していないので、率直に言って、私たちを汚く感じるようなことをしなければならないことがあります。言うまでもなく、PSDファイルは非常に巧妙に編成されているため、意図的にそのように作成されたと思われます。 (でも、パズルを解くのも好きなので、大丈夫です。)

それで、ビジュアルデザイナー、ここに開発者を夢中にさせる20の事柄のリストがあります。少なくとも15を行っていない場合は、十分な努力をしていません。


1. ページ上のすべての要素に丸みを帯びた角を追加します。そこにいる間に、影とグラデーションも追加します。

2. すべてのプロジェクトの開始点として同じPSDを使用します。未使用のレイヤーを非表示にしますが、削除しないでください。 PSDが少なくとも100MBであることを確認してください。

3. すべてのテキストにsIFRを使用します。 Arialに非常によく似たフォントを選択した場合のボーナスポイント。

4. 要素に同じ寸法を使用しないでください。それぞれに異なるフォントサイズと色を指定します(黒の場合は、#000000、#111111、#121212 ...を使用します)。

5. 透明度の高いブレイクアウト画像をたくさん使用してください。 Web開発者は、ボックスや列から抜け出すグラフィックが大好きです。画像を折り返すテキストを追加すると、ボーナスポイントが得られます。

6. モーダルウィンドウを追加します。サイトの少なくとも半分はモーダルウィンドウで発生する必要があります。

7. Facebookの接続ボタンを追加します。ただのボタンです。実装するのはどれほど難しいでしょうか?

8. 重要なPSDレイヤーを非表示にします。後で、隠された要素を見逃したことを開発者に伝えます。


9. ロールオーバー、アクティブ、およびクリック状態のボタンを作成します。次に、これを行ったことを誰にも言わないでください。それらのために別のファイルを作成し、最後の最後にそれを送信します。私たちは驚きが大好きです。

10. ブログのどこかで読んだいくつかの素晴らしい機能について開発者に伝えてください。次に、それを構築するように伝えます。どこかで見た場合、明らかに可能だからです。

11. カルーセルを追加します。そうそう、それがフルスクリーンのカルーセルであることを確認してください。

12. 実際のコピーの代わりにLoremIpsumを使用してください。また、予約済みのスペースが実際のコピーに十分な大きさでないことを確認してください。

13. PSDレイヤーをランダムにマージします。何故なの? (ただし、マージしすぎないでください。魔法の100MBターゲットからさらに離れることになります)。

14. すべてのファイルに「final」という名前を付け、日付とランダムな文字を付けます(final-2010-12-01a.psd、final- 2010-12-01r.psd、final-2010-12-02b.psd)。

15. すべてが承認されたら、変更を加える必要はありません。ページが完成したら、まったく異なるバージョンの別のページを送信します。そして、これらの変更はユーザーエクスペリエンスに必要かつ不可欠であることを教えてください。


16. PSDレイヤーやフォルダーに名前を付けたり整理したりしないでください。

17. フォームをデザインする場合は、エラーと成功の状態を忘れてください。そのようなものをどこかに絞ります。私たちはあなたの意図を推測するのが大好きです。

18. ウェブサイトをデザインするときは、ブレーンストーミングやデザインミーティングに開発者を招待しないでください。レイアウトを最後に確認するのは私たちです。最初にそれをクライアントに見せてください。そうすれば、あなたの仕事に少しでも正気を導入するには遅すぎます。

19. もっとたむろする必要があるので、QA中はバグ追跡ソフトウェアを使用しないでください。一日中私たちと一緒に座って、あなたが私たちの肩越しにしたい変更を指摘してください。いくつかの即席の設計更新の機会も利用してください。

20. そして最後に、これが最も重要なことです。HTML、CSS、JavaScript、またはブラウザの問題については何も学ばないでください。あなたがそれについて知らないほど、私たちはより重要に見える。

言葉:Rafael Mummeは、Yahoo NewYorkのiOS開発者です。

この記事はもともと、ウェブデザイナーと開発者にとって世界で最も売れている雑誌である.netマガジンの205号に掲載されました。

私たちはあなたに求めることを助言します
クリエイティブエージェンシーが封鎖に対処している5つの革新的な方法
読む

クリエイティブエージェンシーが封鎖に対処している5つの革新的な方法

今年の初めには、数か月以内に私たちの人生全体が世界的大流行によってひっくり返ったとは誰も想像できませんでした。世界中の企業は、リモートワークベースで操作する方法をすばやく理解する必要があり、それは必ずしも簡単ではありませんでした。この封鎖中にビジネスを運営する仕組みは単純ですが、たとえば、すべての人が必要なハードウェアとソフトウェアを持っていることを確認し、ビデオ会議、チャットルーム、システムを釘...
クラウドコンピューティングのための5つの最高の無料ツール
読む

クラウドコンピューティングのための5つの最高の無料ツール

クラウドコンピューティングは、あなたが思っているよりも一般的であり、より便利です。業界用語でいっぱいのビジネスブログの最愛のトピックであるクラウドコンピューティングは、本質的にはオンラインで作業し、情報やデータを外部サーバーに保存する機能にすぎません。これにより、ユーザーはインターネットに接続されている場所ならどこからでもその情報にアクセスでき、ユーザーが持つことができるスペースの量は完全に柔軟で...
OpenDeviceLab.comは、共同デバイスラボを追跡します
読む

OpenDeviceLab.comは、共同デバイスラボを追跡します

Web対応デバイスの爆発的な増加に伴う大きな問題は、テストです。業界は、あらゆる種類の固定されたほぼ「標準」のキャンバスの概念からはほど遠いものになり、新しいスマートフォンやタブレットが毎日届き、テレビやゲーム機などの他のデバイスがWeb対応になります。 「どうすればそれらすべてを所有またはテストできるのでしょうか。できません」と、フロントエンド開発者のAnnaDebenham氏は最近.netに語...