یک سال جدید معمولاً زمانی برای ایدهها، رویکردها یا راههای جدید است تا زندگی را کمی بهتر یا لذتبخشتر کنید. برای طراحان وب و کاربران، روشهای بهبودیافته برای طراحی وبسایت همیشه در فهرست بالا قرار دارد.
در پست بعدی به 5 روند جدید طراحی وب خواهیم پرداخت که به مسائلی مانند دسترسی، UX، و پاسخگویی و همچنین 10 وب سایت از پیش ساخته شده از BeTheme که نحوه استفاده مؤثر از آنها را نشان می دهد، می پردازیم.
با بیش از 268000 فروش و امتیاز 4.83/5 ستاره، BeTheme است یکی از محبوبترین و با رتبهبندیترین قالبهای وردپرس در جهان است. 10 فونت برتر گوگل برای محتوای وب سایت شما
5 گرایش طراحی وب که باید در سال 2023 به آنها توجه کرد
برای بهبود چیزی، ابتدا باید در مورد چیزهایی که میتوانند بر آن تأثیر مثبت و منفی داشته باشند، آگاهی داشته باشید. برای طراحان وب، این “چیزی” تجربه دیجیتالی کاربر است و چگونه می توان 5 گرایش طراحی را که می تواند تأثیر مثبتی بر تجربه دیجیتالی داشته باشد، به بهترین نحو اجرا کرد.
1. شمایل نگاری شناور
یکی از اولویتهای اصلی طراحی وب این است که چگونه رابطهایی ایجاد کنیم که برای تعامل با آنها به حداقل تلاش کاربر نیاز دارد، یعنی تا حد امکان بصری باشند. با این حال، میانبرهایی که کارها را برای طراح آسان میکنند، میتوانند تأثیر معکوس بر روی کاربر داشته باشند – بهویژه وقتی صحبت از نماد نگاری به میان میآید.
بعضی از نمادها، به ویژه آنهایی که در سرصفحه ها استفاده می شوند، آنقدر رایج هستند که هر کاربری می تواند معانی آنها را تفسیر کرده و به درستی از آنها استفاده کند.
به عنوان مثال، BeBiker 4 وب سایت دارای سه نماد در سمت چپ برای 1) کیف/سبد خرید، 2) جستجو، 3) حساب.
همان آیکونوگرافی مورد استفاده از سایتی به سایت دیگر آنقدر آشنا می شود که کاربران بلافاصله می دانند چگونه از نمادها استفاده کنند. .
چالش برای طراح این است که چگونه به نمادهایی که کمتر استفاده می شوند رسیدگی کند. در اینجا، کاربران در تفسیر آنها به کمک نیاز دارند. ارائه یک توضیح مختصر برای هر نماد ممکن است کمک کند، اما در عین حال به یک طرح درهم و برهم میافزاید.
استفاده از متن کمکی با راهاندازی شناور، نیازهای کاربران را برآورده میکند و در عین حال از بهم ریختگی اجتناب میکند.
سایت BeJeweler 2 ارائه می دهد مثال عالی از این روند:
text has other use asel خوب. علاوه بر استفاده از آن در هنگام نگه داشتن ماوس روی نماد محصول، می توان از آن در هنگام نگه داشتن ماوس روی نمونه های مختلف نیز استفاده کرد. این اطلاعات زیادی را بدون درهم ریختگی ارائه می دهد و تضمین می کند که کاربر می تواند با اطمینان با پیشنهادات سایت در آینده تعامل داشته باشد.
2. اثبات اجتماعی بیشتر
اعتماد یک عامل بسیار مهم در ایجاد روابط شخصی و حرفه ای است. این برای روابط بین برندها و مشتریان نیز صدق می کند. در سال 2023، طراحان وب آگاه از اثبات اجتماعی و علائم اعتماد برای ایجاد این اعتماد استفاده خواهند کرد.
رویکردهای مختلفی برای استفاده از این اعتمادسازها در وبسایتها وجود دارد، یکی از آنها شامل یک صفحه و یک بخش صفحه اصلی است که به توصیفات یا نظرات واقعی اختصاص دارد.
سایت BeDoctor از اثبات اجتماعی استفاده می کند برای انجام این کار:
BeDoctor از سه نوع مختلف محتوای بالقوه اعتمادساز استفاده می کند:
• رتبه بندی رضایت مشتری؛
• یک بازخورد مشتری.
• رتبه متوسط مشتری.
این دومی میتواند به پلتفرم رتبهبندی مانند Google یا Yelp پیوند دهد.
ممکن است کسبوکارهای جدید مدرک اجتماعی کافی برای استفاده برای اهداف اعتمادسازی ایجاد نکرده باشند و ممکن است به جای آن نیاز به اعتماد به علائم اعتماد داشته باشند.
یک نماد قرار داده شده در کنار دکمه “تسویه حساب” یک مثال خواهد بود.
رویکرد دیگر افزودن زمینه به ادعاهای وبسایت مانند BeMarketing 2 انجام داده است:
ستاره کنار “threefold” در زیر بزرگ شده است. توضیح میتواند یک بیانیه متنی مختصر یا پیوندی به صفحهای باشد که در آن اثبات ادعا مستند شده است.
3. ویژگی های خاص موبایل
به لطف قوانین ساده ای که برای بسیاری از طراحان وب شناخته شده است، طراحی ریسپانسیو در طول سال ها آسان تر شده است. اکثر قالبهای وردپرس موجود در بازار امروزه به گونهای طراحی شدهاند که پاسخگو باشند، و این نیاز خاص موبایل و دستگاه را حتی راحتتر برآورده میکنند.
وقتی طراحان وب خود را در یک منطقه راحت میبینند، گاهی اوقات رکود به وجود میآید و هر تمایلی برای انجام کارهای بهتر میتواند از پنجره بیرون برود.
در سال 2023 توجه بیشتری به ویژگیهای خاص تلفن همراه معطوف خواهد شد و توجه بیشتر به سمت غلبه بر اصطکاکها و موانع معطوف خواهد شد.
BeLanguage 4 از پیش ساخته شده است وب سایت در طراحی پیمایش خود به این موضوع می پردازد:
نکته سریع: نحوه خواندن یک فایل محلی با PHP
PHP سه تابع بومی را برای دستکاری فایلهای محلی به ما ارائه میدهد: file()
، file_get_contents()
و fopen()
. کل کتابخانهها پیرامون این توابع نوشته شدهاند، اما زمانی که ما نیاز به دستکاری سریع فایلها با استفاده از PHP داریم، همچنان گزینههای قابل استفاده هستند. در ابتدا به این خواهیم پرداخت که این توابع چه کار می کنند، و سپس به نمونه هایی از نحوه عملکرد آنها نگاه خواهیم کرد. آیا کسب و کار طراحی وب شما نیاز به برندسازی دارد
file() و file_get_contents()
file()
و file_get_contents()
تقریباً به همین روش کار می کنند. هر دو یک فایل کامل را خواندند. با این حال، file()
فایل را در یک آرایه می خواند، در حالی که file_get_contents()
فایل را در یک رشته می خواند. هر دوی این توابع ایمن باینری هستند، به این معنی که میتوان از آنها برای هر نوع محتوایی استفاده کرد.
هنگام استفاده از file()
بسیار مراقب باشید، زیرا آرایه ای که توسط آن برگردانده شده با یک خط جدید جدا می شود، اما هر عنصر همچنان خط جدید پایانی را به آن متصل خواهد کرد.
fopen()
تابع fopen()
به روشی کاملاً متفاوت کار می کند. این یک توصیفگر فایل را باز می کند که به عنوان یک جریان برای خواندن یا نوشتن فایل عمل می کند.
راهنمای PHP آن را به این شکل توضیح می دهد:
در سادهترین شکل آن، جریان یک شی منبع است که رفتار قابل جریانی را از خود نشان میدهد. یعنی میتوان آن را به صورت خطی خواند یا نوشت، و ممکن است بتواند
fseek()
را به یک مکان دلخواه در جریان ارسال کند.
به بیان ساده، فراخوانی fopen()
کاری جز باز کردن یک جریان ندارد.
وقتی جریان را باز کردیم و دستهای روی فایل داشتیم، از توابع دیگری مانند fread()
و fwrite()
میتوان برای دستکاری فایل استفاده کرد. و وقتی کارمان تمام شد، میتوانیم جریان را با استفاده از fclose()
ببندیم.
نمونهها
به مثال زیر نگاهی بیندازید:
<?php $filepath = "/usr/local/sitepoint txt";
$handle = fopen($filename، "r");
$contents = فرد($handle، اندازه فایل ($filename));
fclose($handle);
توابع بالا به شما کنترل بسیار دقیق تری بر روی فایل ها می دهند، اما سطح آنها بسیار پایین تر از توابع file()
یا file_get_contents()
هستند که ترجیح داده می شوند. برای استفاده، همانطور که در مستندات PHP بیان شد:
file_get_contents()
روش ترجیحی برای خواندن محتویات یک فایل در یک رشته است. اگر توسط سیستم عامل شما پشتیبانی شود، از تکنیک های تعویض حافظه برای بهبود عملکرد استفاده می کند.
استفاده از
file_get_contents()
نسبتاً ساده است:
<?php $file_contents = file_get_contents('./file.txt');
این محتوای file.txt
را در $file_contents
می خواند.
اگر در عوض، فقط قسمت خاصی از فایل را بخواهیم، میتوانیم این کار را انجام دهیم:
<?php $file_contents = file_get_contents('./file.txt'، FALSE، NULL، 20، 14);
این 14 نویسه را میخواند که از نویسه 20 file.txt
شروع میشود. اطلاعات بیشتر در مورد تمام پارامترهای file_get_contents()
را میتوانید در اسناد رسمی.
منبع :
https://globalchat.ir/آیا-کسب-و-کار-طراحی-وب-شما-نیاز-به-برندس/
در حالی که همه پیوندهای صفحه غیر تلفن همراه دست نخورده هستند، دکمه “تماس با ما” در بالای لیست پیوندها به جای پایین ظاهر می شود – یک واگرایی ناوبری کمی اما قابل توجه.
BeFurnitureStore این کار را با قرار دادن انجام داده است چیزی که معمولاً در بالای دسکتاپ (حساب، سبد خرید، موارد دلخواه) روی یک بنر چسبناک پایین ظاهر می شود.
طراحان وب که در ایجاد تحول در تجربه وب تلفن همراه کار می کنند، می توانند برای ارائه راه حل های قوی تر در سال های آینده حساب باز کنند.
4. بافت سازی شکل
روزی روزگاری که اسکئومورفیسم خشم بود، ما شاهد انواع مختلف بافتهای دنیای واقعی بر روی صفحه نمایش دسکتاپ و تلفن خود بودیم. با گذشت زمان، این روند “پیشگام” بیشتر و بیشتر به عنوان یک حواس پرتی خارجی در نظر گرفته شد.
این بدان معنا نیست که بافت دیجیتال چیز بدی است. همانطور که در سال 2023 خواهید دید، طراحان وب شروع به استفاده از اشکال ارگانیک برای اضافه کردن بافت های کوچک و استراتژیک به طرح های خود خواهند کرد. وب سایت BeRenovate 5 نمونه ای از این مورد است :
توجه داشته باشید که چگونه اشکال و خطوط گرد استفاده شده در پسزمینه در سرتاسر سایت، تصاویر کلی را ملایم میکنند. ، در عین حال آن را از نظر بصری جالب تر می کند.
BeCoaching 3 یک تصویر عالی است نحوه استفاده استراتژیک از بافت دیجیتال برای جلب توجه به بخش های خاصی از صفحه.
منبع: https://rasalinux.ir/10-فونت-برتر-گوگل-برای-محتوای-وب-سایت-شما/