ما يأخذ لجعل موقع تصميم جرافيك عظيم

كمصمم جرافيكي ، من المتوقع أن يكون لديك موقع ويب رائع ، وهو نوع من الإمتصاص إذا كنت أكثر فنًا من الميل الفني ، وليس لديك المال اللازم لتوظيف مطور ويب محترف جيد اساعدك.

بغض النظر عن مدى عدم الكفاءة التي قد تشعر بها عندما يتعلق الأمر بتشفير صفحة الويب ، فإن الشيء الوحيد الذي لا يجب عليك فعله هو استخدام قالب موقع عام لعرض قدرات التصميم الجرافيكي الخاص بك. ما هو القالب الذي يصرخ عند جمهورك هو سلسلة من الصفات غير المتزامنة مثل:

  • كسول!
  • الخيال!
  • غير خلاقة!
  • غير أصلي!

هذه ليست كلمات يجب على أي مصممي الرسومات أن يرغبوا في ربطها بأنفسهم. مهما كان ما تفعله ، لا يوجد لديك موقع ويب يشبه إلى حد بعيد أي شخص آخر ، ولا يستخدم على وجه الخصوص القوالب المتوفرة بشكل شائع ، أو حتى تخطيطًا مشابهًا ، لأن هناك فرصة جيدة بالفعل أن يراها الناس من قبل التي من شأنها أن تحدث فرقا في عدد العملاء الذين تحصل عليه من خلال موقعك.

هل يجب أن يكون لديك موقع على الإطلاق؟ نعم ، في الواقع يجب عليك. يمكن لموقع الويب الحصول على عمل لم تكن تتوقعه مطلقًا ، ويساعدك عندما ترسل عرضًا إلى أي شخص لأنه يمكنك إحالته إلى موقعك. أيضًا إذا لم تقم بإحالتها إلى موقعك ، فسوف يتساءلون لماذا لا ، لأن كل مصممين آخرين تحدثوا إليهم كان لديهم موقع ويب.

في هذه المقالة ، سنلقي نظرة على بعض الأشياء التي يمكنك فعلها للتأكد من تميز موقعك على الويب عن باقي العناصر. ولا تقلق إذا كنت "غير جيد مع أجهزة الكمبيوتر" لأنني سأشرح لك كيفية القيام بأي أشياء صعبة بالفعل بقدر الإمكان.

1. تأكد من أن تصميمك ملائم بطريقة ما لمن أنت وماذا أنت

سيكون هذا صحيحًا سواء كنت مُشغلًا وحيدًا أو عضوًا في فريق من المحترفين الذين يعملون معًا كستوديو. يجب أن يكون موقعك الإلكتروني عنك وعن هويتك أو صورتك ، ويجب أن يتم إنشاؤه لجمهورك. والسبب في التركيز على هذه الكلمات هو أن الناس غالبا ما ينسون ما هو المقصود من الموقع ومن هو المقصود أن يكون. يعتبر "for and about" جزءًا مهمًا حقًا من قرار التصميم ، وربما حتى الجزء الأكثر أهمية.

في ما يلي مثال على الموقع الذي يحصل على هذا الحق:

إذن لماذا هذا هو النهج الصحيح؟ حسنا ، لبداية يخبرني من هو (Rodrigo Breckenfeld) ، ما يفعله (تصميم الجرافيك وتطوير الواجهة الأمامية) ، ولماذا يجب أن أكون مهتما به (يقوم بتطوير بصريات بسيطة وتواصلية + واجهات مستخدمين ودودين (sic) وأشياء).

نحن نعرف أنه البرازيلي ، لذلك يمكننا التغاضي عن الخطأ النحوي العرضي. لم يقل أنه كان كاتباً ، وقال إنه مصمم. الشيء المهم هو أنه يخبرني معظم ما أحتاج أن أعرفه ، وهو يخبرني ذلك بصريًا ، لكن ليس بالكلمات.

لا أستطيع التأكيد على مدى أهمية ذلك. لا تقم أبدًا بإنشاء موقع ويب يعتمد كليًا على الصور (على الأقل ليس إذا كنت تصنعها بنفسك ، أو إذا كنت تنوي أن تكون جزءًا من محفظتك). ويدفع مصممو الهواء الكسلان مواقع الويب الدوارة إلى شركات تصنيع السيارات التي لا تعرف أي شيء أفضل ، لكنك كمصممة فعلية ، يجب أن تعرف بشكل أفضل.

في ما يلي مثال لأحد المواقع التي تخالف تمامًا ما نصحه:

لماذا أعتقد أن هذا هو النهج الخاطئ؟ لأنني لا أستطيع أن أقول بنظرة خاطفة من هم ، ماذا يفعلون ، أو لماذا يجب أن أهتم بهم. للحصول على أول دليل ، أحتاج إلى النظر إلى أسفل الصفحة ، ودائما ما يكون أسوأ مكان لوضع أي شيء يحتاج إلى ملاحظة. على الفور أعطيت انطباع خاطئ عن هذه الشركة. نعم ، إنهم مبدعون ومختلفون بعض الشيء ، لكنهم يصعبون الأمور بالنسبة لي من خلال التسبب في إلقاء نظرة على التصميم للعثور على المعلومات.

تصميمهم هو أيضا مشغول. الكثير من الصور تجعل الذهن يعمل بجدية أكبر ، وهذه هي الحالة خاصة عندما لا تكون جميع الصور مرتبطة ببعضها البعض بأي طريقة واضحة. الناس يحبون ببساطة أشياء للتواصل ، وعندما لا يشعرون بعدم الارتياح والتنافر. عندما يكون هناك شيء ننظر إليه منطقيًا ، فإنه يجعلنا أكثر راحة.

المشكلة الرئيسية على الرغم من أنه لا توجد كلمات حيث هناك حاجة الكلمات. هذا يعني أن الموقع ليس لديه رسالة ولا شيء يعلقني حقاً ما لم أكن أعرف بالفعل من هم ، أو أجد واحدة من الصور حتى آسر للغاية أنني فقط لا بد لي من معرفة المزيد عن ذلك. ومن العار ، لأن الصور في الواقع ممتازة. من الواضح أن ELI رائعة في عملهم (تحسين الصور رقميًا). ولكن في رأيي ، يجب أن يتم توصيل ذلك بشكل أكثر فعالية من مجرد إظهار نتائج عملهم.

أخيرًا ، لنلقِ نظرة على موقع وقع في مكان ما في المنتصف:

عندما تدخل هذا الموقع لأول مرة ، ستواجه صورة مزعجة قليلاً لهذا الرجل الذي يحدق بصمت عليك ثم يبدأ في الوميض ببطء شديد. هذا في الواقع جيد لأن الكثير من الناس سيكونون فضوليين حول ما يجري ، وسيريدون اكتشاف المزيد. على الرغم من أننا لا نعرف أي شيء عن مايكل في هذه المرحلة بخلاف ما يبدو عليه ، فلا بأس بذلك. يمكنك تعليق قاعدة "في لمحة" إذا كان لديك خطاف قوي ، وهذا الموقع يفعل ذلك.

بالتمرير لأسفل الصفحة قليلاً ، يمكننا أن نرى أنه يحمل رسالة لنا:

عظيم. نحن نعرف الآن من هو ، ماذا يفعل ، ولماذا يجب أن نكون مهتمين به. ولكن ما نراه هنا هو أهمية ليس فقط استخدام الكلمات ، ولكن باستخدام الكلمات الصحيحة بالطريقة الصحيحة.

بالتأكيد سأفكر في توظيف مايكل كمطور ، لكن الخطأ الوحيد في رسالته هو أنه ليس اتصالًا فعالاً للغاية. إنه يخبرني بالأشياء الخاطئة بالطريقة الخاطئة ، دون أن يلهمني حقًا في معرفة المزيد.

اسف يا مايك إنه موقع رائع ، وأحب حقًا الفكرة الإبداعية وراءه ، ولكنه كان سيساعد في الحصول على مساعدة من كاتب متخصص أو متخصص في الاتصالات للمساعدة في الوصول إلى المذكرة الصحيحة للمضي قدمًا. لا تأخذ هذا بطريقة خاطئة. هذا الرجل يهز ، إنه رائع ... ربما ليس بالضرورة ككاتب. يقال إن الكتابة عن نفسك هي واحدة من أصعب المهام التي يجب معالجتها ، وهذا هو السبب في أنه قد يكون من الأفضل في بعض الأحيان تسليم الوظيفة لشخص آخر.

مثال على ذلك: ليس من السيئ الإشارة إلى المدرسة التي ذهبت إليها ، لكن جامعة Simon Fraser غير معروفة بدرجة كافية بحيث يمكنك اختصارها إلى "SFU" إلا عند التحدث مع أشخاص آخرين ذهبوا إلى هناك.

2. تبرز للأسباب الصحيحة

يجب أن يكون تصميمك مختلفًا وفريدًا بما فيه الكفاية ليقبض على إهتمامي ، لكن لا يجب أن يكون ذلك بعيدًا جدًا عن الجدار الذي أرغب في وضعه في شبكيتي لمجرد إخراج الصورة من رأسي بأسرع ما يمكن.

يمثل موقع الويب الذي تقدمه جزءًا من هوية علامتك التجارية ، إما كشركة أو كفرد ، لذلك تريد التأكد من أن القصة التي ترويها جيدة. عندما يتم ذلك بشكل جيد ، يثير الموقع الفضول دون خلق الارتباك. تحتاج إلى التوازن "الفريد" بحيث يتوقف قليلاً من "الجنون".

في ما يلي مثال لرجل يبدو أنه يحصل عليه:

الآن ، موقع إد هو مدرسة قديمة ، ولكن هذا أمر جيد لأن إد تبدو وكأنها مدرسة قديمة بنفسها ، ولا يوجد أي خطأ في ذلك عندما يناسبها. من الأفضل أن تكون الصفحة ممتدة قليلاً للاستفادة بشكل أفضل من مساحة الشاشة المتوفرة ، ولا يبدو أنها تصميم متجاوب. هذا من شأنه أن يفيده فقط ، فهو لا يأخذ أي شيء بعيدًا عن رسالته لأنه لا يدعي أنه مصمم ويب. في الواقع ، يوضح بوضوح أنه ليس شخصًا واحدًا ، لأن القائمة المكتوبة يدويًا في الأعلى تحتوي على روابط لأنواع مختلفة من أعمال التصميم ، ولكن ليس تصميم الويب.

الأمر الذي يثير أيضاً نقطة أخرى ، وهي أن استخدام كل تلك الأشياء المكتوبة باليد والمرسومة باليد ، وأسلوب القصاصات على الورق القديم ، هو في الواقع طريقة ذكية لإظهار أنه في نمط التصميم القديم هذا. سيصنع لك خطًا. وقال انه سوف تصميم ملصق لك. قد يكون قادراً على صنع بعض بطاقات عيد الميلاد الرائعة. لكنه لا يدور حول محاولة إقناعك بتلك الأشياء الفخمة والخيالية. لا أقول أنه لا يستطيع أن يفعل ذلك ، فقط لأنه لا يحتاج إلى ذلك.

إليكم موقعًا آخر أخذته بريقًا لكونه قفزة جريئة بعيدًا عن الدنيوية:

لسوء الحظ قرروا لسبب ما تحديث تصميم الموقع بأكمله ، عندما أعتقد أن التصميم القديم كان جيدًا تمامًا ، ونهجًا ممتازًا للزوجين اللذين يعملان معًا في نشاط تجاري. من المسلم به أنها ربما تكون قد توقفت قليلاً عن وصف نفسها لنفسها ، لكن هذه هي الطريقة الأسترالية. بالنسبة لهم ، في بلدهم ، هو نهج من المرجح أن يعمل.

واجهة الموقع بسيطة حقا. عندما تصل إلى الصفحة لأول مرة ، يتم تقديم نسخة طبق الأصل من بطاقة العمل الخاصة بك:

هذا يعمل لأنه يرضي 2 للخروج من 3 "في لمحة" critreria (من هم وماذا يفعلون). من الواضح نوعًا ما أننا سنحتاج إلى التمرير لأسفل الصفحة لمعرفة الشيء الثالث ، وهذا هو السبب في أننا يجب أن نهتم. كما قلت من قبل ، يمكنك الاسترخاء القواعد قليلا إذا كان لديك خطاف جيد.

بالتمرير لأسفل ، سترى قسم السيد والسيدة ، الذي يعطينا صورهم ، وأدوارهم الفردية في العمل ، ودعاية قصيرة عن كل واحد منهم ، وهو مجرد ما يكفي من الكلمات دون أن يكون مملاً ، وأحب أن يتم سردها في أول شخص. هذا شيء نادر في هذه الأيام ، عندما يُطلب من الجميع ألا يفعلوا ذلك (وهو نصيحة غبية ، بالمناسبة). في أي من جانبي الصفحة ، تشير الأسهم إلى المكان الذي يمكنك فيه العثور على مزيد من المعلومات ، وكان ذلك لمسة جيدة أيضًا ، لأنه يعزز تلك الرسالة لوجود نصفين منفصلين إلى الكل.

بدءًا من جانبها ، يتم نقلك إلى صفحة نظيفة جميلة بنمط مرئي لطيف وطباعة جذابة:

من هناك يمكنك الوصول إلى محفظتها ، ومعلومات أكثر تفصيلاً عن سيرتها الذاتية ، ومدونتها ، ودليل لخدماتها ، ومعلومات حول كيفية الاتصال بها. كل واحدة من هذه الصفحات تعتبر علاجًا بصريًا كما تتوقع على الأرجح.

من المفترض بطبيعة الحال أن تتناقض الصفحة حول السيد Mealing ، لذلك يتم عكس نظام الألوان على جانبه. دعونا نلقي نظرة على ما تبدو عليه صفحة صموئيل:

شخصياً ، كنت أقل رضا نوعاً ما عن هذا لأنه كان يحتوي على مظهر أكثر عمومية له ، ولكنه لا يزال معروض بشكل جيد للغاية والألوان فعالة. ليس من البديهي تمامًا أن يتحرك المستخدم فوق الشارات ليكشف عن أنها تمثل HTML و CSS وجافا سكريبت. ربما لدي عقل منحرف ، لكنني أعتقد أن جافا سكريبت ليس واضحًا على الإطلاق ، وفي الواقع يبدو وكأنه نوع من الفتحة. تقوم الصفحة بعمل جيد لتعبئة الكثير من المعلومات المعقدة في مساحة صغيرة ، وهي جزء فعال من الاتصال. ربما يكون القول بأنك "جيد جدًا" ليس قويًا بما يكفي عندما تحاول إقناع شخص ما أن يعطيك أزعجًا.

الآن بعد أن قمنا بتغطية ذلك ، فقد حان الوقت لمعالجة حقيقة أنه يمكنك أيضا تبرز لأسباب خاطئة. يمكنك قطع الأشياء قريبة جدا من الخط المجنون. في ما يلي مثال على الشكل الذي تبدو عليه عند دفع الأشياء إلى أبعد مما ينبغي:

من المؤكد أن بعض الناس سيعجبهم هذا على الأرجح ، لكنني أعتقد أنه مختلف تمامًا. هنا ، السبيل الوحيد لمعرفة من هم هو رؤية هذه الشارة في أسفل الصفحة ، وماذا يفعلون أو لماذا يجب توظيفهم ، ليس هناك سوى انطباع بأنهم يحبون كتابة الأشياء.

إذا لم يكن الأمر واضحًا (وليس!) ، فمن المفترض أن تضغط على النقطة الحمراء. بعد ذلك ، سيتم تكبيرها وتشغيل رسوم متحركة لك ، مما يوفر المزيد من النقرات للنقر عليها. في كل مرة تنقر فيها على نقطة وتشاهد الرسوم المتحركة القصيرة التي تظهر ، سيصبح الرابط متاحًا بجوار شارة العلامة التجارية ، مما يتيح لك فحص ملف تعريف Facebook الخاص بأحد المساهمين فيه.

بطريقة ما ، على الرغم من ذلك ، كما ترون ، فاز الموقع بجائزة. من الواضح أن القضاة لا يأخذون في الحسبان الفائدة الفعلية للمعلومات وما إذا كانت ستكون فعالة للغاية في جذب العملاء كجزء من معايير التقييم الخاصة بهم.

3. حافظ على رسائلك بسيطة

بسيطة ، والتواصل هو ما يعمل بشكل أفضل. الاستفادة من المساحة المرئية والتواصل بشكل مرئي بشكل جيد. يجب أيضًا استخدام الكلمات بشكل فعال ، لإخبار الأشخاص بما يحتاجون إلى معرفته بالطريقة الأنسب. لا تحتاج بالضرورة إلى أن تكون مقتضباً ، وفي بعض الأحيان يكون من غير الإيجابي أن تكون مختصراً. لكن عليك أن تكون واضحًا.

قبل كل شيء ، اعجب الناس لأنك مثير للإعجاب ، ليس لأنك تحاول التأثير. ما ينبغي أن يحدث هو أن يجلس المشاهد على جهاز الكمبيوتر ويشعر بأن الفك ينزلق في ذهول بينما يحدقون في الشاشة وينطقون بالخط الخالد: "واو ، هذا مثير للإعجاب حقا! أين هاتفي؟ علي استئجار هذا الشخص! "

إذا أخطأت ، سيقولون: "ها! انظر إلى هذا الأحمق ، محاولاً إقناعني بكل هذا الهراء الفائق! "

وإذا ما أخطأت حقًا ، فسيقولون: "Arrrgh! هذا الموقع المجنون مع كل الرسومات الغبية الكبيرة ، مبتكر جافا سكريبت غير الضرورية و رسوم متحركة فلاش فظيعة الله قد طغت تماما وحدة المعالجة المركزية الخاصة بي. الآن سأضطر إلى إعادة التشغيل! "

لا تكن هذا الشخص. تجنب أيضًا استخدام المصطلحات ما لم يكن ذلك شيئًا ما تتوقع أن يكون الجمهور على دراية به. على سبيل المثال ، من الجيد تمامًا استخدام الاختصار "PHP" وسيكون الأمر غريبًا في الواقع إذا حددت الكلمات الفردية التي تمثلها. من ناحية أخرى ، إذا قمت بالقاء حول اختصار كلمة buzzword الشهرية مثل "CTR" و "KPI" ، فلا تفاجئ إذا خسرت نصف جمهورك.

وهناك الكثير من المواقع ، لا سيما تلك الموجودة في تصميم الويب وكبار المسئولين الاقتصاديين ، في محاولة لاستخدام المصطلحات التجارية عالية المستوى التي هي مجرد خداع لأصحاب الأعمال الصغيرة ، وأنها سوف ترقص. أو عندما لا يتفهمون ، سيكون هذا العميل المزعج هو الذي يعرف بالفعل ما الذي تتحدث عنه رغم أنك لم تفعل ذلك عندما كتبت هذا الهراء. لذلك لا تفعل ذلك ، لأنه لا شيء جيد يأتي من أي وقت مضى.

احترم دائمًا جمهورك واعامله بالطريقة التي تريد أن تعامل بها بنفسك. لا تتحدث إليهم ، ولكن تجنب الخلط. وإذا كنت تستطيع ، حاول الوصول إليهم على مستوى عاطفي أو تحفيز ذكائهم ، دون أن تجعلهم يعتقدون أنك أحمق. إن التواصل ، بعد كل شيء ، هو فن بقدر ما هو علم.

بوجدان رانسيا

بوجدان هو أحد الأعضاء المؤسسين لشركة Inspired Mag ، حيث اكتسب خبرة تقرب من سنوات 6 خلال هذه الفترة. يحب في وقت فراغه دراسة الموسيقى الكلاسيكية واستكشاف الفنون البصرية. انه مهووس جدا مع إصلاحات كذلك. يمتلك 5 بالفعل.