من المهم قبل ما تبدأ في رحلتك في عالم تصميم الواجهات، انك تفهم هذه الأساسيات
ثريد 🧵
ثريد 🧵
١- المحاذاة (Alignment):
من أهم أساسيات التصميم واللي تعتمد ان تكون عناصر التصميم مرتبة على حدود معينة وبالتالي يكون التصميم مرتب والمسافات متساوية ومتناسقة.
من أهم أساسيات التصميم واللي تعتمد ان تكون عناصر التصميم مرتبة على حدود معينة وبالتالي يكون التصميم مرتب والمسافات متساوية ومتناسقة.
٢- القرب (Proximity):
المبدأ يقول أن الأشياء المتقاربة تعطي انطباع للمستخدم انها لها علاقة مع بعض. الغلط في الصورة اللي على اليسار ان المدخل واسمه في مسافة كبيرة بينهم فصعب تكوين علاقة بين المدخل واسمه. ونفس الشئ ينطبق مثلا على الأيقونة واسمها لازم تكون المسافة بينهم مو كبيرة.
المبدأ يقول أن الأشياء المتقاربة تعطي انطباع للمستخدم انها لها علاقة مع بعض. الغلط في الصورة اللي على اليسار ان المدخل واسمه في مسافة كبيرة بينهم فصعب تكوين علاقة بين المدخل واسمه. ونفس الشئ ينطبق مثلا على الأيقونة واسمها لازم تكون المسافة بينهم مو كبيرة.
٣- التكرار (Repetition):
المبدأ يقول لما الأشياء اللي تكرر تعطي انطباع للمستخدم انهم لهم علاقة مع بعضهم البعض. فهنا لازم هذه الأشياء تكون موحدة في التصميم والترتيب عشان يطلع التصميم متناسق ومفهوم.
المبدأ يقول لما الأشياء اللي تكرر تعطي انطباع للمستخدم انهم لهم علاقة مع بعضهم البعض. فهنا لازم هذه الأشياء تكون موحدة في التصميم والترتيب عشان يطلع التصميم متناسق ومفهوم.
٤- تباين الألوان (Color Contrast):
من الأشياء اللي لازم تتأكد منها عشان يكون تصميمك مقروء من قبل الكل هو نسبة تباين ألوان العناصر مع الخلفية. الصورة اللي على اليسار الخط اللي في البداية نسبة التباين بينه وبين الخلفية قليلة فهذا بيصعب قراءته على المستخدمين وخاصة اللي عندهم مشاكل.
من الأشياء اللي لازم تتأكد منها عشان يكون تصميمك مقروء من قبل الكل هو نسبة تباين ألوان العناصر مع الخلفية. الصورة اللي على اليسار الخط اللي في البداية نسبة التباين بينه وبين الخلفية قليلة فهذا بيصعب قراءته على المستخدمين وخاصة اللي عندهم مشاكل.
٥- المساحة البيضاء (White Space):
من الأشياء اللي بالنسبة لي تحسّن شكل التصميم بشكل الكبير هو وجود مساحات فارغة في التصميم. مو بس رح يكون شكل التصميم أرتب، أيضاً رح يكون سهل القراءة.
من الأشياء اللي بالنسبة لي تحسّن شكل التصميم بشكل الكبير هو وجود مساحات فارغة في التصميم. مو بس رح يكون شكل التصميم أرتب، أيضاً رح يكون سهل القراءة.
٦-التسلسل الهرمي (Hierarchy):
من أهم أساسيات التصميم هو التسلسل الهرمي. المبدأ يقول ان عناصر التصميم تكون أحجامها على حسب أهميتها. يعني الخطوط كل ما زاد الحجم، المفروض معلومة الخط تكون مهمة. وهذا ينطبق بعد على الصور والأشكال.
من أهم أساسيات التصميم هو التسلسل الهرمي. المبدأ يقول ان عناصر التصميم تكون أحجامها على حسب أهميتها. يعني الخطوط كل ما زاد الحجم، المفروض معلومة الخط تكون مهمة. وهذا ينطبق بعد على الصور والأشكال.
٧- لاتعتمد على الألوان فقط (Don’t relay on colors only):
لما تكون حاب توصل فكرة للمستخدم، لاتعتمد على الألوان فقط في إيصال المعلومة. يعني مثلا لاتستخدم اللون الأحمر فقط للدلالة على الغلط بدون مثلا أيقونة او كلام يوضح سبب الخطأ لان ممكن يكون المستخدم ما يقدر يشوف الألوان.
لما تكون حاب توصل فكرة للمستخدم، لاتعتمد على الألوان فقط في إيصال المعلومة. يعني مثلا لاتستخدم اللون الأحمر فقط للدلالة على الغلط بدون مثلا أيقونة او كلام يوضح سبب الخطأ لان ممكن يكون المستخدم ما يقدر يشوف الألوان.
وبكذا وصلنا لنهاية الثريد، لاتنسون المشاركة لإفادة الغير وشكراً 💜.
جاري تحميل الاقتراحات...