| کانال طراحی و رابطکاربری |
رفتن به کانال در Telegram
⭕️ کانال طراحی و رابطکاربری دولوپیکس 💠 دولوپیکس | جامعه توسعهدهندگان ایرانی 💎 @Developix 🚀 Developix.ir 📌 پشتیبانی و تبلیغات: @DevelopixSupport
نمایش بیشتر3 229
مشترکین
اطلاعاتی وجود ندارد24 ساعت
+27 روز
+4330 روز
آرشیو پست ها
قانون 0 ، 1 و n در طراحی تجربه و Policy محصول
وقتی در یک صفحه میخواهیم یک المان تکرارشونده (مثل یک لیست، اسلایدر یا ترکیبی از بلوکها) قرار دهیم، باید صفحه را برای سه حالت طراحی کنیم:
- زمانیکه هیچ رکوردی در صفحه نیست: 0
- زمانیکه فقط یک رکورد هست: 1
- وقتی چندین رکورد هست: n
مثلا در طراحی صفحه قبوض در یک اپ پرداخت، اگر هنوز کاربر هیچ قبضی ندارد، باید پیامی جهت دعوت از کاربر به افزودن اولین قبض به او نشان دهیم.
زمانیکه یک قبض دارد، همان یک قبض را طراحی میکنیم. و وقتی چندین قبض دارد باید فاصله بین قبوض و سیاستهای صفحه بندی (المانهای pagination یا LazyLoad) را نیز طراحی کنیم (مساله اصلی این است که هنگامی که n تا موجودیت داریم، درگیر طراحی روابط بین آن موجودیت ها نیز می شویم.)🤔
قانون 0، 1 و n در طراحی دیتابیس و entityها نیز وجود دارد:
وقتی دو entity رابطه ای با هم ندارند
وقتی رابطه 1 به 1 دارند
وقتی رابطه 1 به n دارند
و در طراحی Policy محصول:
مثلا در گوگل درایو: هر فایل امکان share دارد. یا فایل x را با هیچکس شیر نکردهاید. یا با یک نفر (یا چند تا تک نفر) با ایمیل شخصیشان شیر کردید. یا با n نفر (پابلیک شیر) کردهاید. هر یک از این یوزکیسها، طراحی فرایند جداگانه ای را نیاز دارد.
مثال دیگر :
مثلا یک سرویس ارسال پیام طراحی میکنید. همراه هر پیام یا هیچ فایلی قابل ارسال نیست. یا یک فایل قابل ارسال است و یا n فایل. این مدل تفکر، کلیه فرایندهای طراحی (از یوزر استوری تا رابط کاربری) را تحت الشعاع قرار میدهد.
مثلا دیگر:
وقتی کاربر در سبد خریدش دکمه پرداخت را میزند و کالایی ندارد چه کنیم؟ (شاید در اینجا تصمیم بگیرید که دکمه را غیرفعال کنید) وقتی یک کالا دارد چه؟ و زمانیکه چندین (n) کالا دارد چطور؟
مثال دیگر:
شما یا مجرد هستید😌 یا یک همسر دارید🙂. یا چند همسره اید!😐😒😤 (در این آخری، علاوه بر مدیریت هر همسر بصورت جدا، باید روابط بین آنها را نیز مدیریت کنید🙄. مثلا padding و margin بین آنها تا بهم دیگر برخورد نکنند😏)
👤 Mobi🧸🎈
💎 Channel: @DevelopixDesign
🔹 چگونه نوشتار UX بر روی دسترسی پذیری تأثیر میگذارد؟
نوشتار UX نقش مهمی در دسترسیپذیری رابطهای دیجیتال برای تمام کاربران، از جمله افراد معلول، ایفا میکند. با استفاده از زبانی واضح و ارائه راهنمایی مناسب، UX Writingها به تجربه کاربری شاملتری کمک میکنند.
💠 UX Writingها قهرمانان پنهان در دنیای طراحی دیجیتال هستند. تواناییشان در ایجاد محتواهای جذاب، واضح و مختصر به طرز قابل توجهی بر تعاملات کاربران تأثیر میگذارد. با فهم نیازهای کاربران و همکاری با تیمهای طراحی، UX Writingها نقش بسیار مهمی در شکلدهی به تجربههای کاربری مثبت و به یادماندنی ایفا میکنند.
💎 Channel: @DevelopixDesign
💢 UX Writing کیست و چه وظایفی دارد؟
در دنیای طراحی دیجیتال و تجربه کاربری، نقش UX Writing یا نویسنده تجربه کاربری اهمیت زیادی یافته است. UX Writingها حرفهای هستند که مسئول نگارش محتوایی هستند که در رابطهای دیجیتالی مانند وبسایتها، برنامهها و نرمافزارها نمایش داده میشود. این مقاله به بررسی جهان UX Writingها میپردازد و وظایف، مهارتها و تأثیر مهم آنها در شکلدهی به تعاملات کاربری را بررسی میکند.
🔸 شناخت نقش UX Writing
UX Writingها در واقع صناع کلمات در دنیای دیجیتال هستند. آنها به صورت نزدیک با طراحان، توسعهدهندگان و مدیران محصول همکاری میکنند تا اطمینان حاصل کنند تجربه کاربری بیدرنگ، ساده و جذاب باشد. این نویسندگان مسئول ایجاد محتوا هستند که نه تنها اطلاعات را به کاربران انتقال میدهد، بلکه آنها را در طول مسیر استفاده از محصول یا برنامه هدایت میکند.
🔸 مهارتهای مورد نیاز برای تبدیل شدن به UX Writing
برای تبدیل شدن به یک UX Writing موفق، نیاز به مجموعهای از مهارتهای متنوع است که تخصص زبانی را با فهم عمیق از رفتار کاربر و طراحی رابطها ترکیب میکند. برخی از مهارتهای اساسی شامل موارد زیر هستند:
🔹 تسلط بر نگارش
UX Writing باید استاد زبان باشد و قادر باشد اطلاعات پیچیده را به صورت مختصر و روشن منتقل کند. آنها از کلمات به صورت استراتژیک استفاده میکنند تا احساسات را برانگیزانند و تعاملات کاربر را آسانتر کنند.
🔹 همدردی با کاربران
یک UX Writing عالی خود را در جای کاربران قرار میدهد. فهم نیازها، نقاط ضعف و اهداف آنها در ایجاد محتوایی که با مخاطبان همآوازه باشد و تجربه کاربری مثبتی ایجاد کند بسیار مهم است.
🔹 همکاری و تطابق
UX Writingها همکارانی هستند که به صورت نزدیک با طراحان و توسعهدهندگان همکاری میکنند. آنها باید قابلیت سازگاری داشته باشند، به بازخوردها پاسخ دهند و محتوای خود را بر اساس آزمونهای کاربری و تغییرات طراحی تغییر دهند.
🔸 ایجاد محتوای UX برای رابطهای مختلف
UX Writingها سبک نوشتاری و تن صدا را برای تطبیق با رابطهای خاص مختلفی که بر روی آنها کار میکنند تغییر میدهند. برخی از این رابطها عبارتند از:
🔹 میکروکپی (Microcopy)
میکروکپی به کوچکترین بخشهای متنی است که در دکمهها، برچسبها و راهنماها وجود دارد. این بخشهای کوچک اما مؤثر نقش مهمی در هدایت کاربران و ترغیب آنها به اقدامات خاص دارند.
🔹 راهنما و دستورالعملها
در طول فرآیند ورود، UX Writingها دستورالعملهای روشن و مختصری ارائه میدهند تا به کاربران کمک کنند تا به راحتی در محصول یا برنامه جدید حرکت کنند. آنها مطمئن میشوند که کاربران از ویژگیها و قابلیتها آگاه میشوند و احتمال ایجاد ابهام و ناامیدی را کاهش میدهند.
🔹 پیامهای خطا و بازخورد
پیامهای خطا و بازخورد مناسب میتوانند تبدیل یک تجربه احتمالاً ناخوشایند به یک تجربه مفید و کمککننده شوند. UX Writingها از زبانی استفاده میکنند که همدردی، هدایت و اطمینان را به کاربران منتقل میکند.
🔸 تأثیر نوشتار UX بر تجربه کاربری
نوشتار UX موثر میتواند به طرز قابل توجهی بر تجربه کاربری تأثیر بگذارد. محتوای خوب نه تنها به کاربران کمک میکند تا اهداف خود را دستیابی بیشتری داشته باشند، بلکه شخصیت برند را نیز تعریف میکند و تجربهای قابل یادآوری ایجاد میکند. علاوه بر این، محتوای واضح و جذاب منجر به کاهش منحنی یادگیری کاربران میشود که موجب افزایش نرخ بازگشت و ارتقاء رضایتمندی مشتریان میشود.
🔸 پرسشهایی که ممکنه براتون پیش بیاد
🔹 تفاوت نوشتار UX و نوشتار محتوا چیست؟
نوشتار محتوا به طور معمول بر روی موارد تبلیغاتی و محتواهای بلند تمرکز دارد، در حالی که نوشتار UX به طرز خاصی برای رابطها و تعاملات کاربری ساخته میشود.
🔹 آیا UX Writingها میتوانند به صورت دورکاری کار کنند؟
بله، بسیاری از شرکتها فرصتهای دورکاری برای UX Writingها فراهم میکنند که این اجازه را به آنها میدهد تا از مناطق مختلف جهان کار کنند.
🔹 چگونه میتوانم به UX Writing تبدیل شوم؟
برای تبدیل شدن به یک UX Writing، باید روی توسعه مهارتهای نوشتاری خود تمرکز کنید، اصول تجربه کاربری را درک کنید و یک نمونه کار قوی بسازید.
🔹 آیا UX Writingها در فرآیند طراحی تصویری نیز شرکت میکنند؟
در حالی که UX Writingها اصولاً بر روی محتوای نوشتاری تمرکز دارند، اما ممکن است با طراحان همکاری کنند تا اطمینان حاصل کنند عناصر نوشتاری و تصویری به طور هماهنگ در کنار هم قرار بگیرند.
Banana🍌 Rule / قانون موز 🍌 در UX
در دنیای طراحی ما همه تلاش خودمون رو میکنیم تا یک محصول موفق رو روانه بازار کنیم. خیلی ها به اشتباه فکر میکنن هرچقدر پیچیده به موضوع نگاه کنند احتمالا محصول کامل تری خواهند داشت. این یک باگ ذهنی هست که هروقت درگیرش شدین باید ازش فرار کنید .
موز چیست ؟
یک محصول خیلی ساده که لازم نیست کسی بهتون توضیح بده چیه و باید چه کارش کنید !
چرا حالا موز ؟
تو این قانون میگه اگر یک نفر بهت موز بده به طور غریزی میدونی که میوه است ، باید پوستش رو بکنی و بدون هیچ دستورالعمل خاصی بخوریش.
قانون موزی 😂
محصول هرچه که هست می بایست طوری باشه که کاربر با نگاه کلی متوجه هدف و مساله و حل مساله شما بشه.
پس اگر بخوایم خیلی شیک توضیحش بدیم :
محصول باید انقدر واضح و ساده طراحی بشه که فرد سریعا متوجه کاربرد و هدف محصول بشه!
یک تعریف دیگ هم داره که حق مطلب رو ادا میکنه :
اگر میخوای یک میمون رو بگیری از موز استفاده کن !!!!🤣
وقتی به میمون یک موز رو نشون بدی اون همه کارهای لازم رو انجام میده تا اون موز رو ازت بگیره
🐒میمون میشه مشتری(البته ببخشید بی ادبی نباشه😂🤦🏼♀️)
🍌موززززز میشه محصولت😂😂😁😁
ولی شما همون تعریف شیک رو در نظر بگیرید😎
کجا قانون موزی کاربر داره ؟
معمولا صفحه اول سایت یا اپلیکیشن ها یا Onboarding Screen ها میتونین این قانون رو پیاده سازی کنید. دلیلش هم اینه که این ها اولین صفحه ای هستن که معمولا کاربر باهاش درگیر میشه .
لایه بندی صفحه اتون تمیز باشه و صفحه رو شلوغ نکنید
دکمه CTA حتما باشه و با متن و رنگ مناسب بگذارید.
کاربر بتونه سریع از محصولت استفاده کنه
سیستم bredcrumb درست باشه و از چندتا جا نرسه به همون صفحه
سیستم Navigation شما باید ساده و قابل فهم باشه و کاربر راحت بتونه همه جا سرک بکشه
تو منوهاتون از اسم های غیر عرف استفاده نکنید
کاربر رو وارد فرآیندهای پیچیده نکنید که بگه آقا من غلط کردم و ببنده
نمونه سایت هایی که این قانون رو صحیح اجرا کرده سایت عالی Apple یا Google Store هست.
آخر و عاقبت استفاده از این قانون چیه ؟
ساده و قابل فهم بودن برابر است با خوشحالی کاربر و افزایش نرخ درگیری کاربر ( بیشتر با سایت یا اپلیکیشنت کار میکنه ) در نتیجه به شما پول ! پول میده !
آخرش میشه همین که یک سری کاربر وفادار و درگیر و خوشحال دارین که شما نیازهاشون رو برطرف میکنید و اون ها برای شما پولسازی میکنن🤩
ذکر منابع بسیار مهمه :
https://medium.com/@gladmug/the-banana-rule-in-ux-ui-design-91c4283638c3
https://www.linkedin.com/pulse/banana-rule-uxui-design-aarslan-shikalgar/
https://bootcamp.uxdesign.cc/accessibilgthe-banana-rule-in-ux-ui-design-a-peel-of-wisdom-1de1aaff1a9
👤 Mobi🧸🎈
💎 Channel: @DevelopixDesign
🎨4 نکته برای ساخت یک پالت رنگ حرفه ای
♨️ انواع متفاوت پالت های رنگی را بشناسید👀
1.اول و مهمتر از همه شما باید بدانید که کلا ۴ نوع پالت رنگ موجود است:
🔸مونوکروماتیک(تک فام)
پالت های رنگ مونوکروماتیک نوعی از پالت ها هستند که با سایه های مختلف از یک رنگ ساخته می شوند. ساخت این پالت ها تقریبا آسان است و توسط بسیاری از برندهای مشهور استفاده می شوند.🫠
🔸متشابه
این نوع پالت ها متشکل از رنگ هایی هستند که در روی تخته رنگ (گردونه رنگ آمیزی) مشابه یکدیگرند. اگر شما رنگ اصلی را انتخاب کنید، رنگ های موجود در کنار آن می توانند به عنوان رنگ های ثانویه ی این نوع پالت ها استفاده شوند.🎈
🔸مکمل
همانند نوع متشابه، این نوع پالت متشکل از رنگ هایی است که مخالف یکدیگرند.😵💫
🔸تریادیک
این پالت ها شامل ۳ رنگ اصلی هستند. این نوع برای ایجاد کنتراست در طراحی عالی هستند.🤔
بعلاوه شما باید همچنین تئوری رنگ را یاد گرفته و درک کنید🤨.
2. روانشناسی رنگ را ملاحضه کنید
فاکتور مشخصی از روانشناسی در رنگ ها موجود است. بنابر روانشناسی رنگ ها، برخی رنگ ها تاثیر قوی در برانگیختن احساسات خاص انسان دارند😁. برای مثال رنگ سیاه مرتبط با رازآمیزی، قدرت و جذابیت است😎.به همین دلیل است که برند های لوکس از این رنگ بیشتر استفاده می کنند.🤓
هنگام ساخت پالت خود، روانشناسی رنگ را هم ملاحضه کنید و از آن استفاده کنید.👩🏻🎨
3. استفاده از روند رنگ (Gradient)
ملاحضه کردن روندهای رنگ در ساخت پالت نیز مهم است. مخصوصا اگر برای یک برند مدرن یا استارت آپ طراحی می کنید، روندها نقش مهمی در جذب مخاطبان دارند.🤵🏼♀
روند ها دائما در حال تغییر هستند و روند های زیادی وجود دارند که می توانید از آنها در پالت های خود استفاده کنید. برای مثال روند رنگ های صاف، رنگ های طراحی مواد و رنگ های مترو از این نوع هستند.
4. از عکس های واقعی الهام بگیرید
بهترین رنگ ها در دنیای واقعی پیدا می شوند. اگر شما ترجیح می دهید از رنگ های طبیعی و واقعی تر در پالت خود استفاده کنید👩🏼🌾، از عکس های واقعی استفاده کنید تا الهام بگیرید. برنامه هایی وجود دارند که به شما این امکان را می دهند تا پالت خود را بر اساس عکس ها و تصاویر درست کنید.👩🏼💻
در پایین به چند تولید کننده پالت اشاره میکنیم.👀
💢https://coolors.co/
💢https://coolors.co/
💢http://colormind.io/
💢https://colordesigner.io/
👤 Mobi🧸🎈
💎 Channel: @DevelopixDesign
💭تفاوت pt و px در طراحی رابط کاربری
⁉️در طراحی رابط کاربری ممکن هست این سوال براتون پیش بیاد که اندازه صفحه رو بر اساس چه کمیت طراحی کنیم؟!🤔
〽️و معمولا به دو مورد که بیشترین استفاده رو داره بر میخورید یعنی پیکسل (Pixel = px) و یا (Point = pt)🙃
▫️پیکسل ها به معنای کوچکترین عنصر که ما می تونیم رو یک صفحه نمایش اون رو کنترل کنیم. و هر تعداد پیسکل هایی که درون یک سایز به خصوص صفحه نمایش قرار داشته باشن به معنای مقدار بیشتری از PPI (pixels per inch) هست 🥴که باعث میشه محتوا درون صفحه نمایش خیلی تمیز و شفاف رندر بشن.👌😃
همونطور که متوجه شدید در واقع پیسکل به رزولوشن وابسته هست.😌
▫️اما Point یک کمیت اندازه گیری مستقل از رزولوشن هست. با توجه به تراکم پیسکل های صفحه نمایش، یک پوینت می تونه شامل چندتا پیکسل بشه🤕 ( به عنوان مثال و با توجه به تصویر بالا 1pt در صفحه نمایش رتینا شامل 2x2 پیکسل میشه!)
🔹زمانی که میخواهید برای صفحه نمایش های مختلف طراحی کنید، باید اندازه رو با Point حساب کنید، اما با pixels طراحی کنید!🫨 این به این معنی هست که شما باید همه عناصر را در 3 رزولوشن مختلف خروجی بگیرید و هیچ اهمیتی نداره که در چه رزولوشنی در اپلیکیشن شروع به طراحی میکنید.🫠
👤 Mobi🧸🎈
💎 Channel: @DevelopixDesign
🔍بروتالیسم در مقابل مینیمالیسم
📝بروتالیسم و مینیمالیسم را نباید به صورت مقایسه ای دید، بلکه باید به عنوان روشی جدید برای دیدن محتوا و رویکرد دیگری در طراحی نگاه کرد.
♨️بروتالیسم فشاری علیه همگن سازی سایت ها و برنامه های امروزی است، اما قبل از اینکه طراحان حتی بتوانند طراحی وب سایتی را با استفاده از رویکرد بی رحمانه شروع کنند، ابتدا باید بدانند که چه قوانینی را زیر پا می گذارند!
❗️طراحی سنتی و مینیمالیستی قرار نیست با بروتالیسم جایگزین شود.
✅ما باید به بروتالیسم به عنوان یک فرهنگ طراحی نگاه کنیم که وضعیت موجود را به چالش می کشد - فرهنگی که از گفتن "بهترین" خسته شده
🔅هنگام انتخاب بین این سبک ها برای پروژه بعدی شما هیچ درست یا غلطی وجود ندارد. با این وجود، قبل از اتمام و طراحی وب سایت یا برنامه بعدی خود به سبک طراحی بی رحمانه، مطمئن شوید که مخاطبان خود را می شناسید؟
⚠️اگر فکر می کنید شرکت و مخاطبان شما از آن استقبال می کنند، ریسک کنید.
طراحی وب بروتالیست توجه را به خود جلب می کند و آگاهی از برند به سرعت در حال رشد است.
قوانین برای شکستن ساخته شده اند😁✌️🏻
جرأت کنید اجازه دهید وب وب شود. جرات کنید برجسته شوید و کمی جسور باشید، حتی اگر کمی عجیب باشد.👹
👤 Mobi🧸🎈
💎 Channel: @DevelopixDesign
⁉️طراحی بروتالیست چیست؟
🔰طرحهای بروتالیست ظاهر و زیبایی را کاملاً رد میکنند و کارکرد را به زیبایی ترجیح میدهند.
طراحان بروتالیست به اجرای طرح ها با حداقل تلاش و ارزان ترین مواد موجود افتخار می کنند تا به نتیجه صادقانه تر دست یابند.🫠
⭕️در طراحی وب بروتالیست ،قاعده طراحی بر پایه خشونت و یا ری اکشن های امروزی نسل جوان است .بر خلاف مینیمالیست ناهمواری و عدم نگرانی برای راحت یا آسان به نظر رسیدن طرح صفحات وب وجود دارد
💠نمای بصری سایت Craigslist از نظر زیبایی شناسی خوشایند نیست و هرگز در www.awwwards.com نمایش داده نمی شود. متن سیاه، لینک های آبی، پس زمینه سفید. زیبا نیست ولی کار می کند و واقعاً خوب کار می کند. آنچه را که برای خرید یا فروش نیاز دارید، بدون هیچ سر و صدا و هیاهو و بدون هیچ گونه محتوای متحرک اضافی پیدا می کنید.
⚜این سایت از زمان تأسیس خود در سال 1996 محبوبیت خود را با وجود ضعف در زیبایی حفظ نموده است و طراحی در بیش از 20 سال گذشته به هیچ وجه تغییر نکرده است.
👤 Mobi🧸🎈
💎 Channel: @DevelopixDesign
طراحی وب مینیمالیست
⁉️چه قواعدی در طراحی مینیمال اثر بخش است؟
▫️استفاده صحیح از رنگ ها
▫️حذف محتوای کم ارزش
▫️تمرکز روی محتوایی که حداکثر توجه را نیاز دارند
▫️حذف نویز های طراحی
▫️استفاده مطلوب از فضای سفید
▫️طراحی بصری سفارشی سازی شده از عنوان و یا شعار
🔸مزیت:
با توجه به اینکه کاربران در حال حاضر همیشه در حال استفاده از اینترنت هستند و به نوعی دسترسی به اینترنت همه گیر شده است ، طراحان محصول باید بر ارائه آنچه که در شرایط لحظه ای کاملاً ضروری است تمرکز کنند
💠اساسی ترین ویژگی استفاده از موبایل است که اکنون بیش از نیمی از بازدیدکنندگان وب را تشکیل می دهد و این میزان در آینده افزایش خواهد یافت.
👤 Mobi🧸🎈
💎 Channel: @DevelopixDesign
#News
ابزار جدید فیگما به نام Figma Acquires Diagram مبتنی بر هوشمصنوعی که به زودی در دسترس قرار میگیرد.
برخی از قابلیتهای این ابزار:
- تولید متن
- تولید المانها بر اساس محتوای شما
- تولید کدهای قابل استفاده برای هر المان
و قابلیتهای دیگر.
توضیحات بیشتر را میتوانید از این لینک بخوانید.
👤 MHReza
💎 Channel: @DevelopixDesign
دوستان شرایطی براتون فراهم کردیم که بتونید اصول طراحی رابط کاربری و فیگما رو در یک کلاس عمومی انلاین با هزینه ۵۰ هزار تومان ثبت نام کنید.
ظرفیت این هزینه محدود گذاشتیم و بعدش برمیگرده به هزینه اصلیش.
اگر مایل بودین شرکت کنید از طریق لینک بالا در ایسمینار سرفصل ها و تاریخ برگزاری رو مشاهده کنید.
https://eseminar.tv/wb109849
۸- فراپوشانندگی (Inclusiveness)
به عبارتی گشتالتهای بزرگتر گشتالتهای ممکن است از چندین گشتالت کوچک تشکیل شده باشد که زیرمجموعههایی برای گشتالتهای بزرگتر محسوب شوند. این گشتالت بزرگتر از پراگنانس قوی تری نسبت به گشتالتهای کوچکتر برخوردار است
👤 Mobi
💎 Channel: @DevelopixDesign
7- سرنوشت مشترک (common fate)
اين اصل به جنبش عناصر موجود در يک گشتالت مربوط است. از اين رو در يک ساختار بصري، عناصري که با هم و در يک راستا به جنبش در ميآيند، بهعنوان يک گروه واحد يا يک مجموعه ديده ميشوند. در هنرهايي که از تصاوير يا علايم متحرک بهره ميگيرند، اين اصل کاربرد ويژه اي مييابد.
👤 Mobi
💎 Channel: @DevelopixDesign
6- تقارن (Symmetry)
ذهن انسان شی را متقارن فرض می کند و انتظار دارد از نقطه ای به مرکزیت تصویر این تقارن وجود داشته باشد. زمانی که دو عنصر متقارن به یکدیگر ارتباط ندارند، ذهن آن ها را به یکدیگر مرتبط می سازد تا طرحی منسجم ایجاد کند. به عنوان مثال در شکل بالا ما تمایل به درک سه براکت متقارن داریم و نه 6 براکت جداگانه
👤 Mobi
💎 Channel: @DevelopixDesign
5- تصویر - زمینه (Figure-ground)
قانون تصویر - زمینه بر اساس رابطه میان شی و فضای مجاور آن بنا شده است. تصویر - زمینه را گاهی فضای مثبت و منفی نیز می نامند، مثبت به شی اطلاق شده و منفی به فضای دربرگیرنده شی اطلاق می شود.
دو نکته حائز اهميت است:
🔹اول آنکه همواره زمينه، همان پس زمينه نيست و در مواردي ميان اين دو تفاوتهايي وجود دارد.
🔹دوم آنکه در مواردي تشخيص ميان شکل و زمينه چندان هم آسان به نظر نميرسد. اشکال دو هويتي از اين گونه اند. اشکال دو هويتي، اشکالي هستند که در آنها شکل و زمينه به طور مداوم جاي خود را عوض ميکنند زيرا داراي خصوصيات و امکانات مشابه هماند.
در اين گونه از اشکال، شکل و زمينه همديگر را تعريف ميکنند. بهعبارتي شما با کشيدن يک شکل، زمينه را نيز ميکشيد، از اين رو اين دو غيرقابل تفکيک از هم اند. اين پديده در نماد آييني و بسيار کهن «يين و يانگ» ريشه دارد.
👤 Mobi
💎 Channel: @DevelopixDesign
4- بستار (Closure)
بستار با تداوم از آن جهت که چشم را وادار به کامل کردن مسیر می کند مرتبط می باشد. تا زمانی که اطلاعات ضروری کافی وجود داشته باشد، ذهن قطعه گمشده از شی را تدارک می بیند. بستار با اشکالی که قابل تشخصی هستند به بهترین حالت عمل می کند. اما اشکال پیچیده برای تکمیل در ذهن دشوار تر می باشند. طراح باید میان بخش های حذف شده و موجود یک تعادل برقرار کند. اگر بخش های حذف شده بیش از حد زیاد باشند، ذهن قادر نخواهد بود تا شکل را بست دهد.
بر اساس اين اصل، چنانچه بخشي از تصوير يک شکل پوشانده شده يا جا افتاده باشد، ذهن بهطور خودکار آن را تکميل ميكند و به صورت يک شکل کامل ميبيند. به بياني ديگر، چشم ما اشکال ناقص و ناتمام را به صورت کامل و يکپارچه ميبيند. اين اصل فقط به حس بينايي محدود نيست، فرض بر اين است که همين اصل در تمام حواس عمل ميکند.
شاید آشناترین نمونه گرافیکی این قانون را می توان در لوگوی FedEx مشاهده نمود.
👤 Mobi
💎 Channel: @DevelopixDesign
✅🖋لیستی از فونتهای فارسی محبوب و رایگان
💙فونت تیتر :
فدرا ، گرافیک ، دیودروم عربیک (بولد) ، غریتا ، جمهوریه ، ساحل(بولد) ، اردیبهشت ، دین عربیک(بولد) ، بیروت ، رادین ، کارا ، تراشین ، کرافت ، لاله زار ، میخک (بولد) ، یکان بوم (بولد) ، دیما برف
❤️فونت زیر متن :
گندم ، وزیر ، شبنم ، دین عربیک ، بهداد ، ساحل ، دیودروم عربیک ، استعداد ، یکان ، میخک ، یکان بوم
💛خوشنویسی :
ایران نستعلیق ، دیما شکسته فری ، شکسته بتا
💜دستنویس :
فونتهای سایت دیجی [نوژا ، شکوه ، پائیز ، نوفر] ، شکاری ، سایه ، خودکار
🤍اگه شما هم فونت خوب رایگان دیگهای میشناسید، کامنت کنید 😅
👤 Drwcsi
💎 Channel: @DevelopixDesign
3- تداوم یا پیوستگی (Continuity)
قواعد تداوم بیان میکنند زمانی که چشم شروع به دنبال کردن چیزی می کند، این دنبال کردن در مسیر تا رسیدن به شی دیگری ادامه پیدا می کند. راه دیگری که چشم را به دنبال کردن وا می دارد جهت چشم در تصویر و یا تصویر سازی می باشد. به عنوان یک قاعده ی مشترک طراحی در نظر گرفته می شود که اگر از عکس فردی استفاده می شود باید دقت داشت که جهت چشمان فرد به سمت ادامه ی طرح باشد.
یکی از مهم ترین مسائل در تداوم توجه به فرهنگ نوشتاری جامعه هدف می باشد. به عنوان مثال در جوامع غربی، با توجه به آن که جهت نوشتار از چپ به راست می باشد، به صورت خودکار، چشم بیننده از سمت چپ شروع به خواندن (نگاه کردن) به سمت راست می کند. اما در جوامعی که نوشتار از سمت راست به چپ می باشد، بیننده از سمت راست به چپ تصویر را نگاه می کنند.
طبق اصل تداوم، محرکهايي که داراي طرحهاي وابسته به يکديگرند به صورت واحد ادراکي دريافت ميشوند.
👤 Mobi
💎 Channel: @DevelopixDesign
