https://virgool.io/feed/@mehryars fa 2026-04-15 10:06:17 https://files.virgool.io/upload/users/5046/avatar/b9785A.png?height=120&width=120 https://virgool.io/@mehryars https://virgool.io/CreativePie/the-effect-of-colors-on-each-other-lx6bkhdjyt8s سلام، رنگ ها و داستان هاشون خیلی جالب و قابل تامل هستن این چیزی که میخوام توضیح بدم یه تیکه کوچیکی از تاثیر رنگ ها بر هم دیگه ست. فقط برای اینکه مطلب رو شروع کنیم لازمه یه چیزایی رو خیلی گذرا باهم مرور کنیم و بعد به موضوع اصلی بپردازیم.یاد آوری از تئوری رنگ ها:همانطور که میدانید بر اساس این تئوری همواره ۳ رنگ اصلی وجود داره که تمام رنگ ها (بجز سفید - سفید عملا رنگ نیست سفید از عدم وجود رنگ ساخته میشه) از این سه رنگ ساخته میشن : آبی، قرمز، زرد.و همچنین حتما میدونین که مجموعه رنگ ها به سه دسته از لحاظ احساسی دسته بندی میشن رنگ های سرد، رنگ های گرم و رنگ های خنثی. رنگ های سرد مثل آبی، رنگ های گرم مثل قرمز و رنگ های خنثی مثل سفید. یادآوری از توازن رنگ در طراحی رابط کاربری:حتما میدونین که برای طراحی رابط کاربری مناسب باید سعی کرد توازن میان رنگ های سرد و گرم رو رعایت کرد. منظورم اینه که نه به تنهایی استفاده از رنگ های سرد مناسبه و نه رنگ های گرم و نه حتی رنگ های خنثی چون ممکنه که حس نا خوشایندی به کاربر منتقل بشه و یا کاربر از طراحی شما خسته بشه.خب حالا به موضوع اصلی برسیم، حتما وقتی که دارین با ابزار های طراحی رابط کاربری کار میکنین و میخواین رنگ مورد نظرتون رو انتخاب کنین با این صحنه مواجه شدین:سه حالت مختلف از پالت انتخاب رنگ RGBاگر دقت کرده باشن نیمه سمت چپ همه پالت ها چه زرد چه قرمز و چه آبی به رنگ سفید، طوسی و مشکی ختم میشه تا حالا به این فکر کردین که چرا؟خب براتون توضیح میدم رنگ مشکلی از ترکیب هر سه رنگ اصلی باهم بوجود میاد ینی رنگ قرمز + رنگ آبی + رنگ زرد و خب همونطور که در بالا توضیح دادم رنگ سفید از عدم وجود رنگ بوجود میاد اما رنگ طوسی، رنگ طوسی از جمله رنگ های خنثی ست که خودش میتونه به دسته بندی های مختلفی تجزیه بشه. یکم پیچیده شد الآن توضیح میدم، ما در تئوری رنگ یک اصطلاح داریم به اسم فام که مثل میزان روشنی و تیرگی رنگ جزو مولفه های اصلی دسته بندی رنگ محسوب میشه. شاید در عموم تا به حال چیزی از فام نشنیده باشین ولی مطمئنم با تعریفش آشنایی کامل دارین. شده تا حالا یک رنگ رو دیده باشین و احساس بکنین یه ته رنگ از رنگی دیگه رو تو خودش داره؟ به این اصطلاح میگیم فام.حالا بر اساس تعریف فام برگردیم به موضوع خودمون ینی رنگ طوسی. اصلا چرا انقدر رنگ طوسی برامون مهمه؟ چون طوسی یکی از پرکاربرد ترین رنگ های موجود در طراحی رابط کاربری هست و معمولا در همه طرح ها ازش استفاده میشه.با کنار هم گذاشتن توضیح از ساخت شدن رنگ طوسی از پالت های رنگ و توضیح فام به این تصویر زیر میرسیم که چند رنگ طوسی با فام های مختلف رو میشه ساخت که من سه تای اون ها رو کنار هم گذاشتم:سه حالت مختلف از طوسی با فام سبز، قرمز و آبی (از چپ به راست)این طوسی ها هرکدام کاربرد خودشون رو دارن برای مثال در طراحی هایی که رنگ سازمانی قرمز یکی از رنگ های پر کاربرد طرح هست و میخواین از رنگ طوسی هم استفاده کنین بنا به طرح و توازن رنگ میتونین از طوسی با فام قرمز (طوسی با حس گرم) یا آبی (طوسی با حس سرد) استفاده کنین.خب حالا که با طوسی های مختلف آشنا شدیم بذارین یه نکته دیگه از تاثیر رنگ ها رو بر هم دیگه هم توضیح بدم یه نکته خیلی مهم که شاید اکثر طراح های رابط کاربری ما بهش توجه نمیکنن و شاید خیلی نکته ریز ولی کلیدی در انتخاب رنگ محسوب میشه. به این تصویر نگاه کنین:ستون اول از چپ طوسی با فام سبز ستون وسط طوسی با فام قرمز و ستون سمت راست طوسی با فام آبییه جدول درست کردم از رنگ زمینه های طوسی و نوشته های رنگی از چپ به راست ستون اول طوسی با فام سبز، طوسی با فام قرمز و طوسی با فام آبی گذاشته شده و در هر ردیف از بالا به پایین نوشته به رنگ آبی، نوشته به رنگ قرمز و در نهایت نوشته به رنگ سبز قرار داده شده.همونطور که در تصویر میبنین هرکدام از این نوشته ها وقتی روی طوسی هم خانواده خودشون قرار میگیرن رنگ اون رو تشدید میکنن و بیشتر به چشم شما کمک میکنن که بتونین ته رنگ یا همون فام رو تشخیص بدین و وقتی روی طوسی که دقیقا در خانواده متضاد قرار میگرند باعث میشن رنگ خنثی بشه و فام کمتر به چشم بیاد و لمس بشه.در پایان طراحی رابط کاربری کاری پر از دقت و سلیقه ست با کلی اصل و ریزه کاری مختلف که هرچی بیشتر بهش توجه کنین و براش وقت بذارین نتیجه بهتری میتونین ازش بگیرین از رنگ ها و انتخاب آیکون ها گرفته تا انتخاب فونت و فاصله بین خطوط ضخامت اون ها.موفق و پیروز باشید MEHRYĀR.S MEHRYĀR.S Mon, 16 Jul 2018 01:29:17 +0430 https://virgool.io/@mehryars/some-tips-to-have-a-good-blog-k87nh7oa9lzf این قسمت سوم و آخرین قسمت این مجموعه ست قسمت های قبلی رو میتونین از اینجا بخونین:قسمت اولقسمت دومخب حالا بریم سراغ آخرین نکات۱۱ - هویت بلاگ و نوشته خودتون رو زنده نگه دارینزمانی که بلاگی دارین که تعداد نویسنده هاش بیشتر از یک نفره یعنی بلاگ شخصی نیست به یاد داشته باشین که این نویسنده نیست که به متن و بلاگ شما هویت میده فقط ذکر نام و شاید یک تصویر کوچک از نویسنده کافیه اگر دوست دارین که نویسنده های خودتون رو معرفی کنین میتونین برای هر نویسنده یک صفحه پروفایل در نظر بگیرین و بیوگرافی و اطلاعات تماسش رو اونجا منتشر کنین.۱۲ - کاربر رو از پایان متن یا مدت زمان مطالعه آگاه کنیندر مورد نوشته های طولانی تلاش کنین کاربر رو از میزان باقیمانده متن مطلع کنین این موضوع باعث میشه کاربر بدونه چقدر زمان لازم داره تا متن رو به پایان برسونه.البته قابلیت دیگری هم که از لحاظ تجربه کاربری تا حدی شبیه به این موضوع تاثیر گذار هست مدت زمان مطالعه نوشته ست. درمورد متونی که طولانی هستند اعلام مدت زمان مطالعه باعث میشه کاربر بتونه زمانش رو برای متن شما تنظیم کنه و برای مطالعه اون احساس خستگی و پیشمانی نکنه.فکر میکنم برای این قابلیت پلاگین های آماده ای وجود داشته باشه که بشه از اونا استفاده کرد البته چیزی که مهم هست اینه که تخمین مدت زمان مطالعه بطور قطعی هیچوقت اتفاق نمیافته چون تخمین این زمان به خیلی پارامتر ها بستگی داره که از سمت شما قابل در نظر گرفتن نیست پارامتر هایی نظیر:قدرت بینایی فردسن فردمیزان سوادکنتراست و سایز نوشته های شما که باعث خوانایی بیشتر یا کمتر میشندر نهایت اینکه نوشته شما به زبان مادری فرد مطالعه کننده هست یا نه۱۳ - در دسترس قرار دادن عضویت در بلاگ یا وب سایتاگر بلاگ یا وب سایت شما از قابیت عضویت در خبرنامه یا حتی عضویت به عنوان کاربر پشیتیبانی میکنه این قابلیت رو در دسترس کاربر و در برابر دیدش قرار بدین اجازه بدین کاربر راحت به مقصود خودش برسه و در خبرنامه شما یا وب سایت شما عضو بشه با مخفی کردن اون یا قراردادنش در جای نامناسب فقط اعضای خود را از دست خواهید داد.۱۴ - کاربران استفاده کننده از موبایل رو فراموش نکنیدو در نهایت نکته ای که همیشه و همیشه و بارها بهش اشاره میشه اینه که کاربرانی که با موبایل به وب سایت یا بلاگ شما مراجعه میکنن رو فراموش نکنین بلاگ خودتون رو برای اونها سفارشی سازی کنین در سایز موبایل موارد زیادی هست که باید رعایت بشه.این رو در نظر داشته باشین که کاربرانی که با موبایل به بلاگ شما سر میزنن ممکن هست از اینترنت با سرعت بالایی استفاده نکنن پس حجمشون رو صرف لود کردن فونت ها و تصاویر و ویدئوهای حجیم نکنید. خیلی از تصاویر و ویدئو ها بهتره که تو سایز موبایل لود نشن.یا درمورد فونت این رو در نظر داشته باشین که تمامی گوشی ها اعم از اندروید و iOS از فونت فارسی خوبی پشتیبانی میکنن اگر فونتتون حجمش زیاده میتونین اجازه بدین کاربر در سایز موبایل از فونت دیفالت خود گوشی استفاده کنه.مرسی از اینکه من رو همراهی کردین پایان مجموعه MEHRYĀR.S MEHRYĀR.S Sat, 17 Mar 2018 21:52:51 +0330 https://virgool.io/@mehryars/some-tips-to-have-a-good-blog-hevfp4tsx906 سلام دوبارههفته پیش یک مجموعه رو شروع کردم شامل نکاتی برای داشتن یک بلاگ خوب که از اینجا میتونین بخونینش و تصمیم گرفتم برای اینکه تعداد نکات زیاده چند قسمتش کنم. البته انتظار داشتم نظارت دوستان رو هم بیشتر درمورد نکات و نوشتار قبلی بدونم ولی خب... [ :-( ]۶ - تصاویر در پست ها نقش مهمی دارن بهشون توجه کنید.یه نسبت طلایی داریم که معمولا تو خیلی از موارد صدق میکنه و میشه بهش استناد کرد که نسبت ۸۰ به ۲۰ عه. یادتون باشه فقط ۲۰ درصد کاربران صفحه رو دقیقا میخونن و میرن پایین ۸۰ درصد از کاربران با چشم صفحه رو اسکن میکنن و تنها چیزی که در ابتدا به چشمشون میخوره تصاویره، اگر تصاویر براشون جذاب باشه قطعا برای خوندن محتوا ترغیب میشن. ۷ - تاثیر نسبت تصویر به متن در صفحات متنی به شدت قابل ملاحظه ست.این یک نقطه دیگه ست برای استفاده از نسبت طلایی ۸۰ به ۲۰ تو طراحی لی‌آوت ها علی‌الخصوص بلاگ ها. این رو درنظر داشته باشید بهتره که در صفحاتی یا پاراگراف هایی که پر از حروف و جملات و کلماته ۸۰ درصد از لی‌اوت متن و ۲۰ درصد تصویر باشه. تجربه ثابت کرده متونی که فقط نوشته هستن و هیچ تصویری در اونها استفاده نشده عموما خسته کننده هستند و کاربر معمولن نیمی از متن رو میخونه و اون رو رها میکنه.۸ - از لینک کردن کلمات به وب سایت های دیگه خودداری کنید.تا اونجا که ممکنه در بخش های اصلی نوشته از لینک کردن کلمات به وب سایت های دیگه اجتناب کنید. باعث پرت شدن کاربر به فضای ناخواسته ای میشین که تمرکزش رو از متن شما میگیره و ممکنه خوندن متن شمارو فراموش کنه یا از خوندن اون سرد بشه.۹ - استفاده از کوت ها یا نقل قول ها در لابلای متن هااستفاده از کوت ها یا نقل قول ها که نکات مهم متن رو بازگو میکنه هم میتونه برای جذب و ترغیب اون ۸۰ درصد که فقط صفحه رو اسکن میکنن مفید باشه. تاثیر مطالعه نقل قول ها ماننده تاثیر مطالعه چکیده کتاب هست که کاربران رو محتوای کلی نوشته باخبر میکنه.استفاده از کوت ها یا نقل قول ها در لابلای متون۱۰ - عدم استفاده از سایدبار در لی‌اوت بلاگاستفاده از سایدبار در طراحی لی‌اوت های بلاگ ها و وب سایت های خبری خیلی متداوله ولی برعکس چیزی که تصور میشه اصلن مفید نیست و به شدت باعث سردرگمی کاربر میشه و گیجش میکنه تا حد امکان طراحی تک ستونه داشته باشید.برخلاف تصور همه استفاده از سایدبار اصلا بخش مفیدی در طراحی لی‌اوت های خبری و بلاگ ها نیستادامه دارد... MEHRYĀR.S MEHRYĀR.S Sat, 10 Mar 2018 22:02:58 +0330 https://virgool.io/@mehryars/some-tips-to-have-a-good-blog-tfhe83hisiw8 سلام این چون پست اولمه بهتره اول خودم رو معرفی کنم.من مهریارم طراح و توسعه دهنده رابط کاربری و تجربه کاربری صاحب وب سایت uitips.ir که البته داره تغییر پیدا میکنه به uiuxmag.ir داریم نوسازیش میکنیم یکسری بخش های جدید بهش اضافه میکنیم.پیشاپیش من رو ببخشید که لحن نوشتارم کمی محاوره ست.وقتی که تصمیم بر این شد که وب سایت رو بازسازی یا همون به اصطلاح نوسازیش کنیم تصمیم گرفتم برای یکبار هم که شده (برخلاف اکثر پروژه های بازسازی تو ایران که سوار بر ترند پیش میرن) از تحقیق شروع کنم. از خیلی ها تحقیق کردیم خیلی از مقالات و سایت های خارجی رو خوندیم و مقایسه کردیم به یک مجموعه از مواردی رسیدیم که تو خیلی از بلاگ ها و وب سایت های خبری (که اکثرا حالت بلاگ دارند) رعایت نمیشه.چند وقت پیش این مجموعه از نکات رو توییت کردم ولی به پیشنهاد علی آجودانیان عزیزم تصمیم گرفتم اینجا بنویسم که شاید بشه بیشتر هم درمورد هر نکته توضیح داد. البته چون تعداد نکات زیاد بود تصمیم گرفتم این مطلب رو در چند پست متوالی بنویسم.۱ - از پاپ آپ یا همون مدال باکس در لحظه ورود به بلاگ استفاده نکنید.این را بخاطر داشته باشید هر عملی که کاربران را مجاب به انجام وظیفه ای خاص که خارج از فرآیند وب سایت و چرخه مورد نظر آنهاست بکند باعث آزار آنهاست و عموما تاثیر عکس داره. اکثر کابران پاپ ها و مدال باکس ها رو بدون مطالعه میبندند بنابراین استفاده از آن برای کاربران آزار دهنده ست.از مدال باکس در لحظه ورود به بلاگ استفاده نکنید۲ - استفاده از اسکرول بی‌نهایت با دکمه Load More برای کاربر لذت بخش تر از دکمه های صفحه بندی یا Pagination است.استفاده از دکمه های صفحه بندی یا همون Pagination به شدت برای کابر خسته کننده و وقت گیره و تا حد زیادی اون رو از تداوم در گردش در صفحه خسته میکنه ولی استفاده از اسکرول نامحدود میتونه براش حرکت لذت بخشی باشه و اون رو تو بازدید از اطلاعات بیشتری در وب سایت یاری کنه البته در استفاده از اسکرول نامحدود دو مورد رو فراموش نکنید:اسکرول نامحدود بدون دکمه بارگذاری مطالب بیشتر یا همون Load More برای کاربرانی که علاقه دارن حتما تا پایان صفحه اسکرول کنن و فوتر رو ببینن آزاردهنده ست.همراه با استفاده از اسکرول نامحدود از دکمه بازگشت به بالا هم استفاده کنید تا کاربر برای بازگشت به ابتدای صفحه دچار مشکل نشه.استفاده از Pagination اصلا برای کاربر لذت بخش نیست۳ - خطوط طولانی متن باعث سردگمی کاربر میشن.تا به حال شده وقتی دارین یک متن رو میخونین در انتهای خط چشمتون خط رو گم کنه و فراموش کنین در کدوم خط بودین؟ به همین دلیل چیزی بنام خط نگه دار در هنگام مطالعه استفاده میشه.تایپوگرافی سهم بزرگی از ترغیب کاربر به مطالعه یک متن رو به عهده داره. به خاطر داشته باشید خطوط رو بیش از اندازه طولانی نکنید خطوط طولانی کاربر رو در پیگیری متن دچار مشکل میکنه و ممکنه در انتها دچار سردگمی بشه.طبق بررسی هایی که کردم و آزمایش هایی که رو حدود ۲۰ نفر انجام دادم بین ۲۰ تا ۲۵ کلمه برای زبان فارسی و ۲۰ تا ۲۲ کلمه انگلیسی در هر خط میتونه عدد ایده آلی باشه. البته لازمه توضیح بدم حروف ربط شامل این شمارش نمیشن.۴ - سایز متن رو بیش از اندازه بزرگ یا کوچک نکنید.سایز نوشته رو بیش از اندازه بزرگ یا کوچک نکنین نوشته های بیش از اندازه بزرگ باعث زشتی صفحه بندی و نوشته های بیش از اندازه کوچک باعث سختی در فرآیند خواند میشه باتوجه به فونتی که انتخاب میکنین فکر میکنم سایز ۱۴ تا ۱۶ میتونه برای متن در زبان فارسی مناسب باشه برای زبان انگلیسی هم عموما حروف در زبان انگلیسی دو پیکسل از حروف در زبان فارسی بزرگتر هستند.البته لازم به توضیح هست که نباید تاثیر فاصله خطوط و کنتراست رنگ رو در میزان خوانایی نادیده گرفت.۵ - ایجاد قابلیت کامنت گذاری بین پاراگراف ها برای کاربر لذت بخشه.برای همه ما پیش اومده با بخشی از صحبت های یک نفر مخالف باشیم یا نظری در مورد یک بخش از صحبت های یک نفر داشته باشیم و دوست داشته باشیم همون لحظه بهش بپردازیم و عنوان کنیم، قطعا اینکه صبر کنیم تا پایان صحبت هاش و در آخر با اشاره کردن به اون جمله که باهاش مشکل داشتیم نظرمون رو بیان کنیم کمی سخت و دوست نداشتنیه.باتوجه به اینکه تجربه کاربری در راستای لذت بخش کردن همه چیز برای کاربر و یا استفاده کننده از محصول حرکت میکنه و همه فعالین این حوزه تلاش میکنن که استفاده از محصولات به شرایط واقعی نزدیک بشه، فکر میکنم ایجاد بستری برای بیان نظر کاربر به ازای هر پاراگراف هم میتونه اون رو راضی تر نگه داره در استفاده و مطالعه بلاگ شما. البته این قابلیت در Medium طراحی و استفاده شده و فکر میکنیم برای پیاده سازیش پلاگین های زیادی هم ساختن و در دسترس هست.ادامه دارد... MEHRYĀR.S MEHRYĀR.S Fri, 02 Mar 2018 14:48:14 +0330