20 موقعًا مفيدًا لإلهام تصميم الويب

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

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

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

الويب والجوال والتأثيرات والنماذج بالأحجام الطبيعية والمزيد

سأغطي الكثير من التنوع في هذا المنشور.

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

1. لابا نينجا

لدي Lapa Ninja في شريط الإشارات منذ إطلاقه لأول مرة على Product Hunt ، والذي كان قبل 7 سنوات. في هذه الأيام ، نما الموقع ليشمل العديد من الموارد للتصميم ، لكن غرضه الأساسي المتمثل في إبراز أفضل تصميمات الصفحة المقصودة ظل كما هو.

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

2. إلهي

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

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

3. المواقع الإلكترونية الوحشية

ما هي الوحشية في التصميم؟ كما قالت كيت موران ببلاغة ، "الوحشية في التصميم الرقمي هي أسلوب يحاول عمدًا أن يبدو خامًا أو عشوائيًا أو غير مزخرف. إنه يردد أصداء مواقع الويب على غرار أوائل التسعينيات (فكر في Craigslist و Drudge Report). في بعض الأحيان ، يتم التعبير عن هذا الجانب من الوحشية على أنه موقع HTML عاري ، شبه عارٍ مع روابط زرقاء ونص أحادي اللون ".

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

4. جرة واجهة المستخدم

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

5. HOVERSTAT . ES

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

6. كتاب الأرض

الميزة المفضلة لدي في Land-book هي نظام التصفية الشامل. يمكنك تضييق نطاق عمليات البحث الخاصة بك إلى أنواع مواقع الويب ، مثل المحفظة أو التجارة الإلكترونية ، وبعد ذلك يمكنك تطبيق عوامل التصفية مثل الأنماط والصناعة والنوع.

وأقل ميزة مفضلة لدي في Land-book هي أنه يجب عليك إنشاء حساب. بالطبع لا يفسد الصفقات ، ويمكنك إنشاء واحد في ثوانٍ باستخدام اتصال Google أو Twitter. يعني التسجيل أنه يمكنك عرض جميع التصميمات ، ولكن أيضًا حفظها في كتالوج منفصل للرجوع إليها في المستقبل.

7. حب صفحة واحدة

أطلق Rob Hope One Page Love في عام 2008 ، وإذا كان هناك أي شيء ، فإن الموقع يعد كنزًا مطلقًا لكل من اتجاهات التصميم الحالية ومعرفة ما كانت عليه التصاميم قبل عقد من الزمان.

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

8. معجب الويب

تعد Admire The Web موطنًا لأكثر من 130 صفحة من تصميمات الويب الملهمة ، حيث تعود عمليات الإرسال إلى ما قبل 11 عامًا. يمكنك معاينة القوائم من خلال النقر على أسمائها (بدلاً من الصورة) ، ولكن مما يمكنني قوله - لقطات الشاشة تعرض فقط منفذ العرض الأول للموقع.

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

9. مجتمع فيجما

تبدأ جميع التصاميم في Figma ، أليس كذلك؟ حسنًا ... في تطبيق تصميم من اختيارك ، على أي حال.

كل ما في الأمر أن Figma قد احتضنت حقًا الجانب المجتمعي المتمثل في جمع المصممين من جميع أنحاء العالم معًا في منصة واحدة موحدة. وهي تعمل.

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

10. معرض الحد الأدنى

البساطة في تصميم الويب هي كل شيء عن السماح للمسافات البيضاء والطباعة بالقيام بالأعباء الثقيلة. ويعرض هذا المعرض أفضل تصميمات الويب المبسطة التي يمكنك استكشافها وفحصها.

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

الحد الأدنى

11. موبين

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

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

تأتي جميع قوائم Mobbin (أكثر من 500 منها) مع مئات من لقطات الشاشة داخل التطبيق ، لكل من iOS و Android. كما أنهم يحتفظون بالسجل ، لذلك إذا تمت إعادة تصميم التطبيق - يمكنك العودة بالزمن إلى الوراء ورؤية كيف كان يبدو حينها. يبدو جيدا جدا ليكون صحيحا، أليس كذلك؟

حسنًا ، كمستخدم مجاني - لديك بعض القيود ، مثل عدد المجموعات التي يمكنك إنشاؤها (3 للطبقة المجانية) ، ولا يمكنك الاستفادة من عوامل التصفية / ميزات البحث المتميزة.

12. وفر

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

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

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

13. المراوغة

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

14. بيهانس

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

15. Awwards

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

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

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

16. Siteinspire

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

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

17. Muzli

لقد علمت عن Muzli هذا العام بعد نشر مقال عن حيل CSS المختلفة لمطوري الواجهة الأمامية.

بعد بضعة أيام ، رأيت عددًا كبيرًا من الزوار من Muzli - لقد تحققت من المشروع ، وبالتأكيد ، إنه شيء! لدرجة أن امتداد Muzli Chrome لديه أكثر من 300000 مستخدم.

بكلماتهم الخاصة ،

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

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

18. FWA

لدينا هنا The FWA - موقع آخر على طراز المعرض يركز على الجوائز. على عكس Awwwards - تضم FWA لجنة تحكيم تضم أكثر من 500 مصمم ومطور من جميع أنحاء العالم. مثل Siteinspire ، يحتوي FWA أيضًا على دليل لأفضل الوكالات والأفراد.

19. I / O 3000

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

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

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

20. تايبولف

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

إذا سبق لك البحث عن أزواج الخطوط ، فمن المحتمل أن يكون Typewolf أحد المواقع التي هبطت عليها.