اصول طراحی وب برای زبان های راست به چپ RTL
محلی سازی یکی از فرایندهای تطبیق یک وب سایت برای یک منطقه خاص می باشد که برای هر رابط کاربری ضروری است. حتی اگر فقط مقدار کمی از محتوا در آنها وجود داشته باشد. از آنجایی که مناطق مختلف و گروه های زبانی متفاوت دارای ویژگی های مختلفی هستند ، توسعه دهندگان باید این تفاوت ها را در زمان ایجاد یک وب سایت در نظر بگیرند. درک برخی از این ویژگی ها ممکن است دشوار باشد ، به خصوص بدون کمک یک زبان مادری که در واقع این ویژگی ها به ویژه در زمان طراحی و توسعه وب سایت برای بازار خاورمیانه بسیار صدق می کند.
تقاضا برای ایجاد وب سایت های راست به چت یا Right To Left در طول سالها افزایش یافته است،زیرا زبان عربی چهارمین زبان محبوب در دنیا است. بر اساس چشم انداز رسانه عربی ، 60 درصد از عرب زبانان مرور محتوای اینترنتی را به زبان عربی ترجیح می دهند. نبودن محتوای موجود در حال حاضر به زبان عربی و نیاز موجود به این محتواها در بین کاربران ، مطمئنا این رشد را ادامه خواهد داد.
در این مقاله سعی کرده ایم نگاه جامع و کامل ترین بر روی برخی از ویژگی های متمایز طراحی صفحات راست به چپ داشته باشیم.
در ادامه می توانید ببینید:
طراحی سایت چند زبانه
مبانی طراحی پروژه RTL
ایجاد خدمات وب و بومی سازی محصولات از قبل موجود در بازار خاورمیانه با ویژگی های خاصی مشخص می شوند که می تواند به شدت با وب سایت های انگلیسی (چپ به راست) متفاوت باشد. مجموعه قوانین و راه حل های طراحی مورد استفاده در وب سایت های LTR هنگام توسعه وب سایت برای مخاطبان RTL عربی ارزش کمی دارد. این بدان دلیل است که وب سایت های RTL به ساختار، تایپوگرافی و تصاویر متفاوتی نیاز دارند. در نگاه نخست ممکن است به نظر برسد که یک وب سایت عربی فقط یک کپی آینه ای از یک وب سایت انگلیسی می باشد. با این حال ، برای اینکه صفحه ای با محتوای آینه ای به درستی بر روی صفحه نمایش داده شود ، می تواند تلاش زیادی را به همراه داشته باشد.
برای مثال SteelKiwi قبلاً تعدادی پروژه RTL را توسعه داده است و ما تجربیات خود از جمله مشکلات و راه حل های احتمالی را در زیر به اشتراک خواهیم گذاشت.
نوشتار و تصویر :
یکی از اصلی ترین تفاوت زبان های LTR و RTL در جهت نوشتن دیده می شود. در زبان های RTL نوشتار و خواندن از سمت راست به چپ انجام می شود ، این تغییر جهت بر ساختار وب سایت و همچنین تایپوگرافی ، آیکون ها و تصاویر تاثیر می گذارد. برای طراحی یک پروژه rtl از یک اصل استفاده می کنیم که در ابتدا ساده به نظر می رسد ، ما هر قسمت از محتوا را ورق می زنیم یا آینه می کنیم ، به استثنای چند مورد.
برای اینکه بدانید چه چیزهایی را باید منعکس کرد و چه چیزی را به طور کامل باید تغییر داد ، مهم است که حرکت زبان را که در عربی و فارسی از راست به چپ جریان می یابد ، به عنوان مثال فهرستی از آیکون های که دنباله خاصی را نشان می دهند باید از سمت راست در وب سایت RTL شروع شود. با کمک برخی قوانین اساسی ، طراحی یک وب سایت فارسی می تواند نسبتا ساده باشد. با این حال زمانی که پلتفرم های چند زبانه وجود دارد ، بسیار مهم است که معماری پروژه ها را به درستی برنامه ریزی نمایید تا از تضاد زبانی در هنگام تغییر از زبان های LTR به RTL جلوگیری شود.
هنگام شروع کار بر روی این نوع پروژه ، توسعه دهندگان باید وقت خود را صرف طراحی هر دو نسخه LTR و RTL کنند زیرا هر یک از اینها برای یک نتیجه نهایی موفق به یک اندازه مهم هستند.
طراحی وب برای زبان های راست به چپ
تایپوگرافی
باید به تایپوگرافی زبان های فارسی و عربی توجه زیادی شود. برای پروژه هایی که بر روی آنها کار کرده اید ، ترجیح می دهیم که از فونت Noto استفاده کنیم که توسط Google Guidelines توصیه میشود. برای اینکه خوانایی مطالب آسانتر باشد باید از حروف برجسته بپرهیزید و در عربی از فونت کج استفاده نمی شود.
سایر ویژگی های تایپوگرافی که باید در نظر گرفته شوند عبارتند از:
تراز کردن متن در سمت راست؛
تغییر اندازه فونت برای حفظ خوانایی متن و فونت های تایپوگرافی سنتی لاتین به درستی با متن عربی مطابقت ندارند و بنابراین اندازه فونت باید در نسخه عربی افزایش یابد.
در نظر گرفتن طول کلمات، زیرا اکثر کلمات عربی کوتاهتر از کلمات انگلیسی هستند.
مخفف کردن روزهای هفته، ماه ها و غیره در انگلیسی رایج است، اما در عربی مناسب نیست.
کلمات در زبان های LTR جهت خود را تغییر نمی دهند و اعداد نیز تغییر نمی کنند (مانند شماره تلفن با کدهای شماره گیری بین المللی). اینها همچنان در وب سایت های RTL مانند وب سایت های LTR نمایش داده می شوند.
طراحی وب برای زبان های راست به چپ
اعداد
تفاوت های زیادی با زبان عربی و فارسی با زبان انگلیسی درباره اعداد وجود دارد. اکثر کشورهای عربی از اعداد سنتی عربی غربی استفاده می کنند. با این حال برخی از کشورها مانند ایران و افغانستان از اعداد عربی شرقی بیشتر استفاده می کنند. هر دو سیستم عددی در مصر و سودان نیز استفاده می شود. اعداد عربی غرب آسیا کم کم محبوبیت زیادی پیدا کرده است ، حتی در کشورهای عربی محافظه کارتر نظیر عربستان سعودی در حال حاضر از اعداد عربی غربی در شمال آفریقا استفاده می شود. از آنجایی که استفاده از اعداد ممکن است بر اساس مناطق مختلف متفاوت باشد. این ویژگی هنگام بومی سازی تاریخ ها و نمادها بسیار مهم است و باید با آنچه که معمولا توسط منطقه استفاده می شود ، مطابقت داشته باشد.
آیکون و نمادها
بازتاب آیکون ها در یک رابط عربی باید با احتیاط مناسبی انجام شود. گاهی اوقات آینه کاری یا ورق زدن ضروری نیست و گاهی هم اینطور است. دستورالعمل های اساسی به شرح زیر است:
نمادهای متقارن و همچنین نمادهای بدون جهت مشخص (مانند دوربین، دانلود، نمایه کاربر و غیره)، نیازی به چرخاندن ندارند.
طراحی وب برای زبان های راست به چپ
نمادهایی با جهت مشخص باید برعکس شوند. به عنوان مثال، دکمه بازگشت باید در نسخه RTL به سمت راست باشد.
طراحی وب برای زبان های راست به چپ
نمادهایی که حرکت یا جهت متن را نشان می دهند باید برعکس شوند (مانند نمادهای تراز متن، نمودارهای پیشرفت و غیره)
نمادهایی که دارای کاراکترهای انگلیسی هستند نیازی به برعکس شدن ندارند، بلکه باید محلی شوند.
طراحی وب برای زبان های راست به چپ
معنا شناسی نمادها باید مد نظر گرفته شود ، با تمرکز ویژه بر خصوصیات فرهنگی و یا معانی جایگزین نمادها باید مورد استفاده قرار بگیرد. نمادهای بالقوه مشکل ساز همانند نماد قلک برای نشان دادن صرفه جویی یا یک لیوان شامپاین برای نشان دادن یک رستوران، ممکن است در سایت های LTR مناسب باشند، اما ممکن است در سایت های RTL نامناسب باشند. این بسیار مهم است که دوباره آنها را بررسی کنید که آیا نمادهای استفاده شده در هر فرهنگی که در آن نمایش داده می شود به راحتی قابل درک هستند یا خیر و گاهی اوقات این کار فقط به کمک یک زبان مادری انجام می شود.
طراحی وب برای زبان های راست به چپ
تصاویر
تصاویر نه تنها یک وب سایت را از نظر بصری جذابتر می کنند ، بلکه ایده خاصی را نیز منتقل می نمایند. انتخاب یک تصویر نیاز به انتخاب مناسبی دارد و با در نظر گرفتن ویژگی فرهنگ ها باید به خوبی درک شود. بنرهای نسخه عربی یک وب سایت را می توان برعکس کرد،اما بهترین روش ها توصیه می کنند به جای آن تصاویر جداگانه برای هر نسخه از یک وب سایت انتخاب کنید. انعکاس ساده یک تصویر افقی در زمان جابجایی بین نسخه های LTR و RTL وبسایت منجر به تغییر در نمایشگر شود. طراحی وب برای زبان های راست به چپ باید حتما در تصاویر نیز لحاظ گردد.
طراحی وب برای زبان های راست به چپ
عناصر آینه کاری و معکوس
همه عناصر رابط نیازی به معکوس شدن ندارند. در زیر یک مرور کلی از عناصری است که ممکن است در طرح بندی یک وب سایت یافت شوند و اینکه آیا این عناصر باید در همه پروژه های RTL منعکس شوند یا خیر. طراحی وب برای زبان های راست به چپ
دکمههای ناوبری و آرم – یک لوگو معمولاً در گوشه سمت چپ بالای وبسایتهای انگلیسی قرار میگیرد. در وب سایت های RTL، لوگو در گوشه بالا سمت راست قرار می گیرد. این اصل در مورد منوها و دکمه های ناوبری که باید به ترتیب معکوس نمایش داده شوند نیز صدق می کند.
فیلدهای فرم – سرفصل ها و نمادهایی که به یک فیلد مشخص در فرم اشاره می کنند باید در موقعیت مخالف در وب سایت های RTL قرار گیرند.
Breadcrumbs – مسیرهایی که بخشی از یک وب سایت با ساختار پیچیده هستند باید در سمت راست تراز شده و آینه شوند.
پخشکنندههای ویدیویی و صوتی — پخشکنندههای ویدیویی و صوتی نباید آینهای شوند، زیرا به جای جریان زمان، پیشرفت پخش را نشان میدهند.
تاریخ ها – کاربران عرب زبان تقویم مخصوص به خود را دارند، اما از قالب استاندارد بین المللی تاریخ نیز استفاده می کنند. اگر پروژه به آن نیاز داشته باشد، میتوان این عنصر را برای تطبیق با منطقه محلی، بیش از حد محلی کرد. طراحی وب برای زبان های راست به چپ
تقویم – تقویم ها باید معکوس شوند. دوشنبه در سمت راست و یکشنبه در سمت چپ نمایش داده می شود.
جداول – ستون های جداول باید برعکس شوند. طراحی وب برای زبان های راست به چپ
رابط مرورگر – اینترنت اکسپلورر و اپرا نوارهای پیمایش را در سمت چپ در وب سایت های عربی نمایش می دهند.
طراحی وب برای زبان های راست به چپ
طراحی وب برای زبان های راست به چپ RTL
در زمان طراحی سایت RTL ، تصمیماتی باید گرفته شود که اغلب برای کسانی که از طرح پروژه های LTR استفاده می کنند گاهی گیج کننده به نظر می رسد. استفاده از یک ساختار معکوس باید برای کسانی باشد که شروع به کار می کنند و به آنها کمک می کند تا به راحتی در مرحله گذار باشند و با پیروی از برخی نکاتی که در بالا ذکر کرده ایم ، امیدواریم طراحان و توسعهدهندگان بتوانند هنگام ایجاد یک پروژه RTL موفق شوند.
اگر در مورد توسعه یا طراحی RTL سؤالی دارید یا اگر می خواهید پروژه RTL را شروع کنید، با ما تماس بگیرید و ما خوشحال خواهیم شد که به شما کمک کنیم!
طراحی وب برای زبان های راست به چپ
نکات پایانی
اگر تمایل دارید برای شرکت خود اقدام به طراحی سایت کنید پیشنهاد می کنم ابتدا مقالات مربوط به تفاوت طراحی سایت فروشگاهی و طراحی سایت شرکتی را مطالعه کنید. همچنین صفحه خدمات طراحی سایت نیکداد را برای این کار نگاه کنید. شرکت نیکداد بهترین و با کیفیت ترین خدمات طراحی سایت را در قالب طراحی سایت ارزان و مقرون به صرفه به شما ارائه می کند. طراحی وب برای زبان های راست به چپ
همچنین سئو سایت برای موتورهای جست و جو و تبلیغات گوگل از جمله مهمترین روش ها برای بیشتر دیده شدن سایت شما به حساب می آید. شرکت نیکداد خدمات طراحی سایت تهران ،تبلیغات گوگل و سئوسایت را با مناسب ترین قیمت به شما ارائه می دهد. به پایان مقاله طراحی وب برای زبان های راست به چپ رسیده ایم که امیدواریم مورد توجه شما دوستان عزیز قرار گرفته باشد. طراحی وب برای زبان های راست به چپ
طراحی وب برای زبان های راست به چپ
