خصائص موقع المحفظة الحديثة
من بين جميع أنواع المواقع الإلكترونية ، يتعين على موقع المحفظة التغلب على ما قد يكون من أصعب العقبات. تحدث إلى أي مصمم تقريبًا وسوف يوافقون على أن إطلاق موقع محفظة الخاص بك هو عملية مؤلمة. في أغلب الأحيان ، تشتمل هذه العملية على نسخ عديدة ، وفي أحيان كثيرة ، إطلاق عملية إحباط كبيرة.
الاتجاه الصعودي لهذا في رأيي هو أن الموقع محفظة يمكن أن يكون نافذة في مستقبل تصميم الويب. أقترح ذلك لأنه عندما يقوم فرد بتصميم موقعه الخاص ، فإنهم يخضعون فقط للقيود المفروضة ذاتيًا. لا يوجد عميل لإملاء الأمور ، ولا توجد لجنة لتدمير التصميم ، ولا عملية موافقة لسحب الأشياء وتدمير الزخم.
لكن لا يتم إنشاء جميع مواقع المحفظة على قدم المساواة. على الرغم من وجود كمية غير آمنة من مواقع محفظة النماذج المتاحة ، إلا أن هناك القليل من المفاجأة التي تشعر بأنها متميزة ومثيرة للاهتمام بما يكفي للتحدث عنها. ومع ذلك ، فإن هذه المواقع هي التي ترفع العارضة وتفضح ما قد يحمله المستقبل لتصميم الويب.
دعونا نتعمق في مجموعة كبيرة من المحافظ المذهلة ونبحث عن بعض العناصر المشتركة التي تجعلها تعمل. بعض هذه العناصر تعرض الاتجاهات الواسعة في الصناعة ، في حين أن البعض الآخر يبرهن على ازدهار التصميم البسيط والشائع. ليس كل شيء له معنى كبير ، ولكن كل ذلك يضيف إلى تصاميم رائعة من شأنها أن تحفزك لإنشاء موقع محفظة استثنائية حقا.
أخبر قصة
أحد الجوانب الأكثر إثارة للاهتمام في موقع المحفظة الحديثة هو الجهد المبذول لخلق بيئة حكيمة. تتمثل الفكرة في إنشاء تدفق المحتوى الذي يتحكم بشكل أساسي في التجربة والرسالة للمستخدم. هذا التحكم يخلق تدفق المحتوى بالترتيب المطلوب.
تحاول العديد من المواقع القيام بهذا الأمر عن طريق وضع التنقل الرئيسي في ترتيب مرغوب. لكن هذه المواقع تأخذ النهج إلى مستوى كامل من المعرفة وتجعلها جزءًا لا يمكن تجنبه من التجربة.
جان بلوش
إن استخدام موقع صفحة واحدة ليس جديدًا ، ويجبره تعريفه المستخدم على التمرير لأسفل الصفحة. هذا يخلق تدفق طبيعي للمحتوى الذي تم استخدامه مرات لا تحصى. على الرغم من ذلك ، نجد في هذا الموقع نهجًا نادر الاستخدام مع خلفية متحركة. أثناء التمرير لأسفل الصفحة ، يبدو الأمر كما لو أن الصودا الموجودة في الخلفية يتم امتصاصها من القش.
هذا العنصر البسيط والزخرفي يقوم بشيء قوي حقًا ؛ يشجعك على جعلها على طول الصفحة. هذا هو جانب أساسي في موقع الصفحة الواحدة: ضمان وصول المستخدمين إلى نهاية القصة. ونهاية القصة هي في الغالب نقطة تحويل الموقع (كما هو الحال في هذه الحالة).
تام تساى
يوضح موقع هذا الشخص أيضًا الصفحة الفردية ، نموذج سرد القصص. ما أجده مثيرًا للاهتمام حول هذا الموقع بالتحديد هو أن القصة مكتوبة بواسطة رسالتين قويتين ، مع كل اللحم في المنتصف. مجموعة كبيرة من الرسوم التوضيحية في الجزء العلوي من الصفحة تحدد الحالة المزاجية ، وتوضح شخصية الفنان ، وتدعوك عادة إلى الغوص في عالمه. ثم يتم إنهاء الصفحة مع خيارات الاتصال (نقاط التحويل) وصورة درامية لما قد نفترضه هو الخالق.
بالتأكيد ليس أسلوباً للجميع ، ولكن عندما يتم إنتاج نهج موضوعي بطريقة مصقولة حيث أن النتائج يمكن أن تكون رائعة. وعلى الرغم من أن الموقع قد لا يروق لجميع الزائرين ، إلا أنه يستقطب الأشخاص المناسبين ويساعد المُبدع على إنشاء نوع الروابط التي سيقدرها.
ماكميلان لينش
يأخذ هذا المثال قليلاً من نهج مختلف. جزء القصة من هذا الموقع هو موجز ، وجميع الواردة داخل الرسم البياني الرئيسي الصفحة الرئيسية. في هذه الحالة ، تكون القصة غير ذات صلة إلى حد كبير ، إلا أنها تخلق إحساسًا بسر غامض يجب فهمه. عند الهبوط على الموقع وجدت نفسي أتساءل ما هو هذا هو كل هذا الشخص. في بعض الأحيان تريد أن تقوم بإطعام زائري موقعك ؛ في أوقات أخرى يمكن أن تعمل بشكل جيد لامتصاص لهم مع قصة مثيرة للاهتمام أو الغموض. هذا أيضا لديه ميزة إنشاء موقع متميز نوعا ما وأتمنى أن ينسى.
تصميم سالي
في موقع تصميم Sallee نجد نهجًا أكثر شيوعًا في بنية الموقع. الشعار في الجزء العلوي الأيمن ، والتنقل الرئيسي عبر الجزء العلوي ، وعرض شرائح الصفحة الرئيسية القياسية. هذا هو موقع طبيعي جداً بطرق عديدة (مع تصميم جميل مطبق).
ما وجدته مثيرًا للاهتمام هو أن عرض شرائح الصفحة الرئيسية ليس مجرد سلسلة تلقائية تدور حول صور فلاش. بدلاً من ذلك ، يبدأ المستخدم عرض الشرائح ويبدأ بدعوة لبدء جولة. بمجرد أن تغوص فيك تؤخذ من خلال سلسلة من الشرائح التي تلخص ما ستحصل عليه إذا قمت بدلًا من خلال صفحات مختلفة من الموقع. وانتهى الأمر كله بتخطي النقاط الرئيسية لبقية الموقع.
أعتقد أن هذا النهج ذكي. بالنسبة للمبتدئين ، من المرتجع أن ترى عنصرًا مثل شريط التمرير الصفحة الرئيسية له هدف خارج المخطط تمامًا. أنا أيضا أحب أن يحصلوا على فائدة من صفحة مبيعات واحدة في الصفحة ، ومكافأة كبار المسئولين الاقتصاديين المقدمة من خلال وجود عدد أكبر من الصفحات.
الرسم المتجاوب
موضوع تصميم الويب سريع الاستجابة هو ، على أقل تقدير ، موضوع ساخن للغاية. لذا لا ينبغي أن يكون من المستغرب العثور على هذا النهج في المحافظ الجديدة التي يتم إنتاجها الآن. دون عوائق ، هؤلاء الأفراد قد تبنوا التقنية الجديدة. وليس من المستغرب أن تكون جميع الأمثلة الثلاثة هنا لمواقع محفظة مطوري الواجهة الأمامية ، وهو بالضبط نوع المكان الذي يجب أن نتوقع العثور عليه.
ريان تايلور
يتبع موقع Ryan الصيغة القياسية للصفحة الواحدة للمحفظة الشخصية. يعمل هذا الأسلوب بشكل رائع عند دمج التقنيات سريعة الاستجابة في الموقع. مع وجود صفحة واحدة فقط لحسابها ، قد يكون من الأسهل كثيرًا اختبار وبناء موقع مثل هذا. لكن لا تعتقد أن الأمر سهل. يتطلب الأمر قدراً كبيراً من الجهد والتخطيط لإنشاء موقع نظيف وجميل يتحول بهذه الطريقة.
آرون شيكي
التالي هو محفظة آرون شيكي. يحتضن هذا الموقع الصغير الجميل العديد من التقنيات المجربة والحقيقية لموقع محفظة. إنه شبه أضيق الحدود ، وألوان خافتة للسماح للصور بالظهور ، ولديه تصميم يستند إلى حد كبير على الطباعة. كما يعمل هذا الموقع بشكل جميل وفعال للغاية في عرض أعمال الفنان. ولكن مع المكافأة الإضافية للتخطيط المتجاوب ، يضمن الموقع مظهرًا جيدًا على مجموعة كبيرة من الأجهزة. هذا يضمن للمستخدم الحصول على تجربة إيجابية ، مع عدم الإحباط من التكبير والتصوير.
أندرو كوهين
وأخيرًا في الفئة المستجيبة ، نجد الموقع الشخصي لمطوري الواجهة الأمامية أندرو كوهين. تشبه إلى حد كبير الآخرين لديها بنية صفحة واحدة مع ما أسميه تصميم خلفية مدفوعة. وبهذه الطريقة ، يمكن للخلفية أن تتغير وتتغير دون حاجة كبيرة للتغييرات الهيكلية. وهذا يجعل الموقع مرشحًا مثاليًا لإدخال تقنيات سريعة الاستجابة.
تصميمات مبتكرة
في بعض الأحيان ، تكون أفضل طريقة للحصول على انطباع أن تبرز بشكل فريد ومختلف. وما أفضل طريقة لإنجاز ذلك من خلال بنية تخطيط غير عادية تسخر من المعايير والتوقعات التي لدينا جميعًا. إلى حد ما ، يوضح كل نموذج تقريبًا في هذه المجموعة هذه الخاصية المعينة ، ولكنني اخترت هذه المجموعة الفرعية الصغيرة لإثبات ذلك.
وقبل الغطس أريد أن أشير إلى أن هذه المواقع لا تستفيد من التصميمات الإبداعية فقط من أجل الإبداع. فهي لا تزال مواقع وظيفية واضحة للغاية وسهلة الاستخدام. ومع ذلك ، فلديهم شخصيات متميزة خاصة بهم تسمح لهم بالظهور. يتعلق هذا بالضبط بما يجب أن يفعله موقع المحفظة: مساعدة خالقها على التميز عن الآخرين.
Krichevtsova الكسندرا
ما أحبه حقًا في هذا المثال لموضوع التخطيطات الإبداعية هو أنه ليس تخطيطًا مختلفًا جذريًا. نعم ، لا يتبع الموقع الشعار العادي في أعلى اليمين ، والتنقل عبر النهج الأعلى. التخطيط فقط بضع خطوات صغيرة من هناك. أعتقد أن هذا يدل على النقطة بشكل جيد للغاية.
الهدف ليس ابتكار تخطيط من أجل الإبداع. ولكن بدلاً من ذلك ، يجب أن تكون مبدعًا في وضع الصفحة لتوصيل المعلومات بأفضل طريقة ممكنة. في هذه الحالة ، يعمل التدفق الذي تم إنشاؤه بواسطة التنسيق غير المعتاد بشكل رائع.
ديفيد ديساندرو
في هذه الحالة ، يبدو التخطيط غير عادي تمامًا. على مستوى ما ، يبدو الأمر غير مكتمل ، وفي نفس الوقت يشعر بأنه منظم تمامًا وسهل الاستخدام. حفر في محفظة والصفحات الأخرى على الرغم من أنك سوف تكون أعجبت بسهولة مع التنوع يقدم هذا الموقع. بالتأكيد لديه نداء إلى المبدع ، ولكن التفكير الفني.
دايدري باين
هذا موقع التمرير صفحة واحدة أيضا يكسر قواعد هيكل التخطيط. في هذه العينة ، يستند التصميم بأكمله تقريبًا إلى تخطيطات ورسوم بيانية خاصة بالصفحة. عادةً ما يكون هذا أسلوبًا لا يعمل بشكل جيد ويؤدي إلى مشكلات في الصيانة. ولكن في حالة وجود موقع محفظة شخصية ، يعد في الواقع طريقة رائعة لإظهار بعض المهارات المفيدة. على الأخص هناك دقة للموقع الذي يتركك تتوقع أن يكون هذا المصمم من النوع الذي يتبع الأشياء. هذه هي نوع من الرسائل الدقيقة التي يمكن أن تكون قوية للغاية للاتصال في موقع المحفظة الخاصة بك.
سيدارت آرون
في البداية ، يأخذ هذا الموقع إحساسًا واحدًا يتبع بروتوكولًا قياسيًا. لكن تتفاعل مع الموقع قليلاً وتشعر أنه فريد تمامًا. في بعض الأحيان ، لا يعني إبداعك لبدايتك الإبداعية أن عليك إعادة اختراع كل شيء. فقط تغير بما فيه الكفاية بحيث تكون النتائج مذهلة (وعملية).
نص عريض
كما لاحظت الصور المصغرة للمواقع التي تم تجميعها لتظهر هنا ، برز شيء واحد: استخدام نص كبير للغاية وغامق. تحتوي النماذج المذكورة أدناه على نصوص ضخمة تظهر على الموقع. السبب الرئيسي الذي يمكن أن أتوصل إليه لهذا النهج هو الوضوح.
يضمن هذا النص الغامق الكبير توصيل رسالة أساسية واحدة على الأقل. في بعض الحالات ، يبدو أكثر وظيفية من الآخرين ، ولكن في النهاية تكون النتيجة هي نفسها دائمًا. يكاد يكون من المؤكد أن يتم توجيه انتباه المستخدم إلى هذه النسخة بحجم ضخم. راقب العينات ولاحظ الطرق المختلفة التي استخدمها المبدعون في وضع هذا العنصر.
غارث همفري
جستن بيرنز
عمان، الأردن
روس انجوس
اليكس بيرس
تقليم على القمة
كما ذكرت سابقاً ، فإن بعض الأنماط أقل وظيفية وذات مغزى من غيرها. في هذه الحالة ، أشعر بالسوء وضع العينات التالية في مجموعة تافهة. المواقع المذكورة أدناه هي رائعة تماما. من فضلك لا تأخذ هذا التصنيف أي نوع من الإهانة على الإطلاق. في الواقع تم العثور على اثنين من المواقع المفضلة من هذه المقالة هنا.
في الأساس ، يكون النمط هو أن هناك نوعًا ما من الخطوط الزخرفية ، أو خط متعرج أو نمط متعرج يظهر عبر الجزء العلوي. لقد حددت هذه المجموعة بثلاثة مواقع ، ولكن إذا قمت بالبحث في بعض الأمثلة الأخرى ، فستجد نفس العنصر في العمل.
لماذا هذه التفاصيل الصغيرة بهذا الشكل الشائع؟ ربما مع نهج الصفحة الواحدة ، من الجيد الإشارة إلى الجزء العلوي من الصفحة. وبهذه الطريقة ، يحصل المستخدمون على إشارة بصرية صغيرة حول مكان بدء الصفحة.
ماتيو وايت
لمس المهووسين
دانيلو جاجنيولي
نسيج الملمس الملمس
هناك تفاصيل مرئية أخرى شائعة جدًا في مواقع المحفظة وهي الملمس. هذا صحيح بشكل خاص عندما يتعلق الأمر بعناصر الخلفية. جزء من النمط المرئي الحالي يتضمن زخارف دقيقة في الخلفية.
أجد أن هذا العنصر يقوم بعمل رائع في دمج جزء من عنصر عضوي في الصفحة يساعد على إزالته من الأسس الفنية الخاصة به. يمكن لهذا العنصر البسيط أن يضيف لمسة دافئة تتنفس حياة طن إلى تصميم. مرة أخرى ، حفر العديد من العينات المغطاة سابقاً وسوف تجد العديد من الأمثلة على هذا العنصر في العمل. فيما يلي بعض العينات التي تقوم بهذا بشكل جيد للغاية.
باجارك كلوسون-كاس
آرون لومسدين
دي إس هيجدون
أندرو ككور
مواقع محفظة إضافية جديرة بالذكر
هناك عدد لا يحصى من المرشحين لهذا النوع من التجميع. من المغري تضمين عدد كبير جدًا من العينات في هذه الحالة. بدلاً من ذلك ، ركزت على مجموعة إضافية من المواقع التي تقدم مجموعة كبيرة من الأساليب والهياكل والنهج الشاملة.
شيء واحد ستلاحظه هو أن القليل من هذه المواقع ليس للمصممين. لقد وجدت أنه من المثير للاهتمام للغاية معرفة كيف استخدمت صناعات أخرى شبكة الإنترنت لبيع شخص ما. بعد كل شيء ، المقصود موقع محفظة للقيام بذلك بالضبط. لذا ، من أجل الإلهام والأفكار الجديدة ، قمت بتضمين عدد قليل خارج مجتمع تصميم الويب.
كولين هندرسون
جوش ميلر
نيت كروفت
تورستن ميب
جوي رابيت
اريك سالفيل
البقاع ريس
فيليكس مينار
ماريا زاريك
توبياس بيرسون
جيك داهن
استنتاج
لا يعد إنشاء موقع لتمثيلك عبر الإنترنت تعهداً صغيراً. نأمل أن تكون المواقع التي تم جمعها هنا مصدر إلهام وتحدي لك.
تمثل بعض العناصر المعروضة هنا آليات مقصودة للغاية للتحكم في تجربة المستخدم وبيعها. أظهر آخرون أكثر أو أقل من اتجاهات التصميم المرئي. أعتقد أنه لا ينبغي تجاهل أي منهما ، ولا ينبغي أن يتحكم في أي منهما بمفرده. من خلال تحدي المعايير ، واحتضان الأنماط الوظيفية ، وتقييم صورتك عبر الإنترنت في ضوء جديد يمكن أن يؤدي إلى أفكار ثورية تساعدك على التميز.
وفيما يتعلق بموضوع الوقوف ، أشعر بأنني مضطر لتذكير الناس بأن الهدف هنا ليس اختراع الواجهة الأكثر أصالة. بدلا من ذلك ، فإن الهدف هو التفكير بشكل خلاق داخل القيود التي لدينا.
ومن هذا المنطلق ، آمل دائمًا في أن نجد الحلول الإبداعية التي تساعدنا على التميز مع النتائج الوظيفية المدهشة. إذا نظرت إلى العينات التي تم جمعها هنا فهي ليست جميلة فقط ، لكنها تعمل بشكل مثير للدهشة.
ما هي بعض أفضل مواقع المحفظة التي شاهدتها؟ أي اتجاهات أخرى لاحظتها في محافظ المصمم مؤخرًا؟ اسمحوا لنا أن نعرف في التعليقات!