CSS کمتر: منوی سبک اپل. تاریخچه طراحی برند در کتاب جدید اپل Compiling LESS to CSS

طراحی Yablokovskiy همیشه در بین مشتریان من بسیار محبوب بوده است. وقتی صحبت از طراحی به میان می آید، اغلب به من می گویند "من به یک طرح ساده با پس زمینه خاکستری روشن نیاز دارم" و از apple.com به عنوان مثال استفاده می کنم.

اگر کمی سایت آنها را مرور کنید، چند دکمه آبی واقعا زیبا پیدا خواهید کرد. در آنجا آنها به شکل ساخته شده اند، بنابراین اگر می خواهید همان موارد را در سایت خود داشته باشید، باید از فتوشاپ استفاده کنید.

بنابراین من دکمه ها را در CSS خالص قرار دادم:

دکمه Apple ( مکان نما : اشاره گر ؛ بالشتک : 3 پیکسل 10 پیکسل ؛ تزیین متن : هیچ ؛ رنگ : #fff; اندازه فونت: 13px; text-shadow : 0 -1px 1px rgba(0 , 0 , 0 , .3) ; پس زمینه-تصویر:-webkit-linear-gradient(#52A8E8, #377AD0#377AD0، #52A8E8 ); پس‌زمینه-تصویر: -o-linear-gradient(rgb (82، 168، 232)، rgb (55، 122، 208)); پس زمینه رنگ: #52A8E8 ; -moz-border-radius: 23px; -webkit-border-radius: 23px; شعاع مرزی: 23 پیکسل; حاشیه: 1px جامد #205 59A; box-shadow : 0 1px 2px rgba(0 , 0 , 0 , 0.5) , inset 0 1px 0 rgba(255 , 255 , 255 , .3) ; ). #196 7CA) ؛ پس‌زمینه-تصویر:-moz-linear-gradient(0 % 100 % 90 deg, #196 7CA، #54A1D8 ); پس‌زمینه-تصویر: -o-linear-gradient(rgb (84، 161، 216)، rgb (25، 103، 202)); پس زمینه رنگ: #52A8E8 ; box-shadow: 0 1px 0 rgba(255 , 255 , 255 , .6) , inset 0 1px 0 rgba(255 , 255 , 255 , .3) ; ) .apple-button :active ( پس زمینه رنگ : #2D7CD1 ؛ box-shadow : 0 1px 1px rgba(255 , 255 , 255 , .5) , inset 0 2px 5px rgba(0 , 0 , , 0 , 0 , 1 . )

نسخه ی نمایشی:مثال زنده (سعی کنید ماوس را روی آن نگه دارید و روی آن کلیک کنید)

چند کلمه در مورد سازگاری بین مرورگرها. از آنجایی که از ویژگی CSS استفاده کردیم شیب،پس ممکن است هنگام نمایش در نسخه های قدیمی مرورگر اپرا مشکلاتی وجود داشته باشد، خوب، سایه جعبهیک ویژگی CSS 3 است.

میشا

در سال‌های اخیر، مدت‌ها نمی‌دانستم که با سایت سایت چه کنم، زیرا عملاً هیچ سودی به همراه ندارد، اما اخیراً متوجه شدم که مأموریت من ترویج گسترش وردپرس است. از این گذشته، وردپرس بهترین موتور برای توسعه وب سایت ها است - هم برای کسانی که آماده استفاده از ساختار داخلی این CMS هستند و هم برای کسانی که راه حل های بدون هد را ترجیح می دهند.

من خودم اولین بار در سال 2009 با وردپرس آشنا شدم. تنظیم کننده . معلم در Epic Skills و LoftSchool.

اگر در مورد سایت خود یا حتی توسعه از ابتدا با WordPress / WooCommerce به کمک نیاز دارید - . من و تیمم هر کاری را برای شما در بهترین سطح انجام خواهیم داد.

فرقه اپل هیچ‌کس را بی‌تفاوت نمی‌گذارد، و ارزش روبه‌رو شدن با حقیقت را دارد: یکی از عوامل کلیدی در محبوبیت اپل، طراحی منحصربه‌فرد آن‌ها است. کتاب "طراحی شده توسط اپل در کالیفرنیا" به وضوح نشان می دهد که طراحان با محصولات خود به عنوان هنر رفتار می کنند.

کوپرتینو، کالیفرنیا - در 16 نوامبر، اپل از انتشار کتاب جدیدی با جلد گالینگور، طراحی شده توسط اپل در کالیفرنیا خبر داد. دو دهه نوآوری در طراحی در 450 عکس از محصولات گذشته و فعلی این شرکت، از iMac (1998) تا Apple Pencil (2015) ثبت شده است. این کتاب به مدت 8 سال خلق شد و به یاد استیو جابز تقدیم شد.

جانی آیو می‌گوید: «ایده ایجاد چیزی مهم برای بشریت از همان ابتدا به استیو انگیزه داد، این ایده ایده‌آل ما و هدفی است که اپل با آن به سمت آینده حرکت می‌کند.

"طراحی شده توسط اپل در کالیفرنیا" نتیجه همکاری نزدیک بین گروه های زیادی از طراحان و متخصصان در زمینه های بسیار متفاوت است. همه آنها امیدوارند که این کتاب به مردم بفهماند که چگونه و چرا محصولات اپل ایجاد و وجود دارند. همه عکس‌ها توسط اندرو زاکرمن به‌عنوان «سبکی عمدا متواضعانه» گرفته شده‌اند. تصاویر جزئیات فرآیند طراحی و همچنین خود محصولات نهایی را نشان می دهند.

این کتاب درباره طراحی است، اما درباره خود طراحان، فرآیند خلاقانه یا توسعه محصول نیست. به طور عینی سبک، تصویر و ایدئولوژی طراحی اپل را منعکس می کند. بسیاری از محصولات آنقدر واضح، ساده و منطقی به نظر می رسند که گویی هیچ جایگزین معقولی ندارند. برای هر دستگاه، حتی طراحی ابزاری که با آن ساخته شده است، در نظر گرفته شده است.

"به عنوان طراح، ما در آینده زندگی می کنیم، عاشق کارهایی هستیم که قبلا انجام داده ایم و نسبت به کارهایی که هنوز انجام نداده ایم وسواس داریم."

یکی از مهمترین چیزهایی که ما در 20 سال کار با هم یاد گرفتیم، نیاز به گوش دادن به یکدیگر است، زیرا درخشان ترین ایده ها اغلب آنهایی هستند که بسیار بسیار آرام صحبت می کنند.

طراحی شده توسط اپل در کالیفرنیا یک کتاب نسخه محدود در دو اندازه است: کوچک (25.9 x 32.4 سانتی متر) به قیمت 199 دلار و بزرگ (33 x 40.6 سانتی متر) با قیمت 299 دلار. روی کاغذ مخصوص با رنگ خاص با لبه های نقره ای مات چاپ می شود. به طور انحصاری در Apple.com در ایالات متحده، استرالیا، بریتانیا، آلمان، هنگ کنگ، کره، فرانسه، ژاپن و تایوان فروخته می شود و فروشگاه های اپل را انتخاب کنید.

معرفی

وقتی صحبت از طراحی به میان می آید، یک شرکت وجود دارد که نمی توان از دست داد. این اپل است - هر محصولی که دارند نتیجه کار تیمی از طراحان است. سایت این شرکت نیز همیشه جلب توجه می کرد.

در این آموزش ما یک گالری - نمایش اسلاید "a la" اپل را خواهیم ساخت. تقریباً همین مورد در وب سایت اپل برای نشان دادن محصولات این شرکت استفاده می شود. برای ایجاد نیازی به PHP یا پایگاه داده نداریم.

مرحله 1 - XHTML

بیایید نگاهی دقیق تر به نشانه گذاری XHTML بیندازیم:

• 
• 
• 

ایده بسیار ساده است - دو کانتینر اصلی DIV وجود دارد - یکی با id="menu" حاوی تصاویر کوچک است، "اسلاید" دوم شامل خود اسلایدها است.

برای افزودن یک اسلاید جدید، فقط باید عناصر جدیدی را به هر دو ظرف اضافه کنید. اسلایدها - تصاویر با فرمت JPG، تصاویر کوچک - PNG شفاف. اما می توانید از فرمت های دیگر نیز استفاده کنید.

شما همچنین می توانید هر کد HTML را جاسازی کنید. به عنوان مثال، شما می توانید یک اسلاید خاص را به صورت یک لینک در قالب یک تصویر بسازید.

بسیار مهم است که اسلایدها دارای ارتفاع و عرض باشند - آنها توسط jQuery برای تعریف ناحیه اسکرول استفاده می شوند.

همچنین به عناصر تصویر کوچک LI توجه کنید. به اولین مورد کلاس fbar داده می شود تا یک نوار تقسیم عمودی را نمایش دهد. عناصر دیگر به menuItem کلاس اختصاص داده شده اند - و از آنها به عنوان دکمه های کنترل نمایش اسلاید استفاده می شود.

بیایید به مرحله بعدی برویم.

مرحله 2 - CSS

بیایید نگاهی به استایل شیت خود بیندازیم.

Body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label( /* تنظیم مجدد صفحه */ margin:0px; padding:0px; ) body( /* تنظیم رنگ متن پیش فرض، پس‌زمینه و پشته قلم */ رنگ:#444444؛ اندازه قلم: 13 پیکسل؛ پس‌زمینه: #f2f2f2؛ خانواده قلم: Arial، Helvetica، sans-serif؛ ) /* سبک‌های گالری */ #gallery( /* CSS3 Box Shadow */ -moz-box-shadow:0 0 3px #AAAAAA; -webkit-box-shadow:0 0 3px #AAAAAA; box-shadow:0 0 3px #AAAAAA; /* CSS3 Rounded Corners */ -moz-border- radius-bottomleft:4px؛ -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px؛ -moz-border-radius-bottomright:4px؛ -webkit-border-bottom-right-radius :4px؛ حاشیه-پایین-راست-شعاع:4px؛ حاشیه:1px سفید ثابت؛ پس‌زمینه:url(img/panel.jpg) تکرار-x پایین مرکز #ffffff؛ /* عرض گالری */ عرض: 920 پیکسل. overflow:hidden; ) #slides( /* این ناحیه اسلاید است */ height:400px؛ /* jQuery عرض را بعداً به مجموع عرض همه اسلایدها تغییر می دهد. */ width:920px؛ overflow:hidden; ) .slide( float:left; ). -block; list-style:none; height:45px; overflow:hidden; ) li.inact:hover( /* حالت غیرفعال، برجسته شده روی ماوس روی */ پس زمینه:url(img/pic_bg.png) تکرار؛ ) li .act,li.act:hover( /* حالت فعال انگشت شست */ background:url(img/active_bg.png) no-repeat; ) li.act a( cursor:default; ) .fbar( /* سمت چپ ترین نوار عمودی، در کنار اولین تصویر کوچک */ عرض: 2 پیکسل؛ پس‌زمینه: url(img/divider.png) بدون تکرار سمت راست؛ ) li a (نمایش: بلوک؛ پس‌زمینه: url(img/divider.png) بدون تکرار سمت راست؛ ارتفاع: 35 پیکسل؛ padding-top: 10px؛ ) یک img (حاشیه: هیچ؛ )

در این شیوه نامه، ما از چندین ویژگی CSS3 استفاده کرده ایم:

* باکس سایه، یک سایه کوچک در گوشه و کنار گالری وجود دارد. با استفاده از این ویژگی - باید مختصات X و Y (0 0 در اینجا)، dither (3px در مثال ما) و رنگ سایه را ارائه دهید.
* شعاع مرزی، حاشیه‌های دایره‌ای در پایین گالری.

متأسفانه، این ویژگی ها در حال حاضر فقط در Safari، Chrome و Firefox کار می کنند.

اکنون نوبت به جادوی جی کوئری رسیده است.

مرحله 3 - jQuery

ما به کد زیر نیاز خواهیم داشت:

$(document).ready(function()(
/* این کد پس از بارگیری کامل DOM اجرا می شود */

vartotWidth=0;
var positions = new Array();

$("#slides .slide").each(function(i)(
/* تمام اسلایدها را حلقه بزنید و عرضهای انباشته آنها را در totWidth ذخیره کنید */
positions[i]=totWidth;
totWidth += $(this).width();

/* آرایه موقعیت ها شامل افست متقابل هر اسلاید از سمت چپ ظرف است */

if(!$(this).width())
{
هشدار ("لطفاً عرض و ارتفاع را برای همه تصاویر خود پر کنید!");
بازگشت نادرست؛
}
});

$("#اسلاید").width(totWidth);

/* عرض div را به عرض دقیق همه اسلایدهای ترکیبی تغییر دهید */

$("#menu ul li a"). کلیک کنید(function(e)(

/* روی یک تصویر کوچک کلیک کنید */
$("li.menuItem").removeClass("act").addClass("inact");
$(this).parent().addClass("act");

var pos = $(this).parent().prevAll(".menuItem").length;

$("#اسلاید").stop().animate((marginLeft:-positions+"px"),450);
/* انیمیشن کشویی را شروع کنید */

e.preventDefault();
/* جلوگیری از عملکرد پیش فرض پیوند */
});

$("#menu ul li.menuItem:first").addClass("act").siblings().addClass("inact");
/* در بارگذاری صفحه، اولین تصویر کوچک را به عنوان فعال علامت گذاری کنید */
});

ایده اصلی این است که در چرخه زدن اسلایدها، عرض اسلایدها خلاصه می شود و آن عرض به ظرف اختصاص می یابد. از آنجایی که اسلایدها به سمت چپ تراز شده اند، فضای کافی برای قرار دادن آنها پشت سر هم وجود دارد.

هنگام کلیک کردن روی یک تصویر کوچک، اسکریپت محاسبه می‌کند که کدام اسلاید نشان داده شود و با اختصاص مقدار تورفتگی منفی با استفاده از روش متحرک، آن‌ها را اسکرول می‌کند.

فقط 40 خط کد و گالری نمایش اسلاید ما آماده است!

نتیجه

تنها سه مرحله طول کشید تا یک گالری فوق العاده زیبا به سبک اپل ایجاد کنیم. او می تواند هر سایتی را تزئین کند.

طراحی وب به سبک اپل در طول سال ها از سال 1996 تکامل یافته است. همانطور که از نام آن پیداست، ایده طراحی متعلق به شرکت اپل است: سایت و رابط های محصول به این سبک طراحی شده اند. طراحی سایت به سبک اپل به دلیل مینیمالیسم و ​​تمرکز کاربر روی یک محصول خاص، محبوبیت زیادی به دست آورده است.

ویژگی های بارز طراحی سایت به سبک اپل

1. سلسله مراتب دقیق در ترکیب عناصر. اولویت اصلی تصویر محصول است. عکس با کیفیت بالا، واضح، بزرگ، در مرکز صفحه قرار گرفته و با فضای سفید احاطه شده است. در بهترین سنت های مینیمالیسم.
2. پالت رنگ، به عنوان یک قاعده، از سه سایه تشکیل شده است: سیاه، سفید، خاکستری. در عین حال، بر خلاف سبک مسطح، گرادیان، سایه ها و راه های انتقال حجم به طور گسترده ای استفاده می شود.
3. فونت های مشخصه سرفصل ها توسط Adobe Myriad، متن ساده توسط Lucida Grande طراحی شده اند.
4. محتوا. در صفحه اصلی سایت - حداقل اطلاعات. توضیحات مفصل در صفحات جداگانه است. هیچ اثر اشباع بیش از حد وجود ندارد. خود کاربر اطلاعات مورد علاقه خود را انتخاب می کند.
5. ویژگی های فنی طراحی اپل بر روی فرمت HTML 5، استفاده از استانداردهای مدرن در طراحی متمرکز شده است. در وب سایت رسمی اپل، فلش اساساً استفاده نمی شود.

برای چه سایت هایی مناسب است؟

• • Jumsoft http://www.jumsoft.com/money/
  • Versionsapp https://versionsapp.com/

شما صاحب خوشحال یک شرکت کوچک اما جالب هستید. هنوز راه درازی تا پیروزی وجود دارد، اما شک ندارید که به مرور زمان کسب و کار شما دلیلی برای افتخار و سرمشقی برای شما خواهد شد. به هر حال، لازم نیست برای این لحظه منتظر بمانید: می توانید همین الان خود را به عنوان یک حرفه ای با کلاس بالا قرار دهید و مانند یک شرکت بزرگ و جدی، قانع کننده ای بسازید.

نمی دانید چنین سایتی باید چگونه باشد؟ نگران نباشید، اکنون همه چیز را توضیح خواهیم داد و به شما خواهیم گفت که چگونه ادامه دهید. اگر از نکات ما استفاده کنید، دیگر مجبور نخواهید بود هنگام نگاه کردن به سایت های اپل، نایک یا لورآل آه غم انگیز بکشید، زیرا سایت شما به همان اندازه خوب خواهد بود. بنابراین، در اینجا چند دستورالعمل برای ایجاد یک وب سایت قوی و حرفه ای وجود دارد.

روندهای طراحی وب سایت را دنبال کنید

برندهای بزرگ به طور مداوم وب سایت های خود را به روز می کنند و اصلاح می کنند. تیم‌هایی از طراحان و توسعه‌دهندگان باتجربه در تلاش هستند تا منبعی غیرعادی و مدرن بسازند که افراد را کنجکاو کند و بخواهند همه چیز را به خوبی بررسی کنند.

بله، بسیار گران است، اما گزینه های رایگانی مانند Wix نیز وجود دارد. ویرایشگر ما به طور ویژه برای شما طراحی شده است تا یک سایت خوب برای هر نوع فعالیتی بسازید و جلوه های فانتزی مانند پیمایش اختلاف منظر یا ویدیو را به عنوان پس زمینه به آن اضافه کنید. می توانید یک صفحه واقعی "طولانی" بسازید و آن را با عناصر طراحی "مسطح" تکمیل کنید*.

ما فکر می کنیم که در این مرحله به شما آسیبی نمی رساند که در سایت های طراحان قدم بزنید و به خوبی الهام بگیرید. توصیه های ما: مجله الهام از وب، وبلاگ لوپارتو مجله طراحی اتاق وظیفه; اگر زبان انگلیسی مانعی برای شما نیست، بخوانید طراحی Vandelay , مجله Smashingو انبار طراحی وب سایت .

*معنای همه این حرف ها را نمی فهمید؟ پس باید مطالب ما را بخوانید.

برندینگ را دریافت کنید

شرکت های بزرگ دارای هویت سازمانی قابل تشخیص و موقعیت بسیار واضحی هستند. آنها از فونت ها، رنگ ها و شعارهای کاملاً تعریف شده استفاده می کنند. شما بدون تردید لوگوی قرمز کوکاکولا را، چه در وب سایت، چه در بطری ها یا بیلبوردهای آویزان شده در امتداد خیابان تشخیص دهید.

پس اگر شرکت شما به بزرگی کوکاکولا نباشد چه؟ این بدان معنا نیست که شما نیازی به برندسازی ندارید. هویت شرکتی متفکر مهم است. با تشکر از او، مردم می توانند به سرعت محصول شما را شناسایی کنند، و در حال حاضر قبل از خرید یک پرتاب سنگ وجود دارد. بنابراین یک لوگوی زیبا بکشید، شعاری بیاورید، فونت‌ها، رنگ‌های مارک دار را انتخاب کنید و به صفحات رسانه‌های اجتماعی خود سبک دهید. نکات بیشتر - در مقاله ما در مورد.

کمتر بهتر است

ما درک می کنیم که شما می خواهید در مورد محصول و تجارت خود با جزئیات صحبت کنید، اما توصیه نمی کنیم که سایت را بیش از حد بارگذاری کنید و بازدیدکنندگان را خسته کنید. سایت بسیار ضعیف است، خواندن آن سخت است و بازدیدکنندگان را دفع می کند. بهترین دشمن خوبی است، بنابراین باید یاد بگیرید که چگونه به موقع متوقف شوید.

بیایید به این فکر کنیم که چه چیزی می تواند از سایت شما حذف شود. اگر متون پر از اصطلاحات فنی و حرفه ای است، از شر آنها خلاص شوید. آیا فکر می کنید بازدیدکنندگان واقعاً باید بیوگرافی دقیق همه کارمندان شما را بدانند؟ بعید. البته نمی توان چیزی را کوتاه کرد، به عنوان مثال، توضیح دقیق کالا یا خدمات، اما این طبیعی است، این اطلاعات مفید است. حتی ارزش آن را دارد که آن را به جایی منتقل کنید که قطعاً بی توجه نخواهد بود. و هر چیزی که روند خرید را کند می کند را می توان بدون کوچکترین پشیمانی حذف کرد.

حالا بیایید به طراحی نگاه کنیم. تعداد رنگ ها را به سه یا چهار کاهش دهید، تمام تصاویر غیر ضروری را حذف کنید و به تایپوگرافی توجه کنید. به یاد داشته باشید که فضای آزاد زیادی را که به عنوان "هوا" نیز شناخته می شود، بگذارید. هنگامی که "هوا" زیادی در سایت وجود دارد، مردم متوجه تمام عناصر حیاتی می شوند، به عنوان مثال، لازم برای تشویق بازدیدکنندگان به خرید، اشتراک، ثبت نام و غیره.

نمایش محصول در صفحه اصلی

آیا می خواهید تعداد سفارشات را افزایش دهید؟ بنابراین، آن را طوری بسازید که مردم بلافاصله محصول شما را ببینند. به وب سایت های برندهای معروف نگاه کنید. ببینید آنها محصولات را نه تنها در صفحه خرید، بلکه در صفحه اصلی نیز قرار می دهند تا مردم حتما متوجه آنها شوند. اگر دارید و به این فکر می کنید که چگونه فروش خود را افزایش دهید، با خیال راحت این تکنیک را کپی کنید.

البته عکس های محصول باید بزرگ و با کیفیت باشد. فراموش نکنید که این یک فروشگاه اینترنتی است که در آن نمی توانید چیزی را لمس یا امتحان کنید، بنابراین مردم با دیدن عکس تصمیمات خرید خود را می گیرند. اگر برای یک عکاس حرفه ای پول ندارید، مقاله ما را در این زمینه بخوانید. کمی تمرین - و همه چیز معلوم می شود! و از قابلیت های ویرایشگر ما غافل نشوید، می توانید برنامه ای را به سایت اضافه کنید تا مشتری بتواند تصویر مورد علاقه را بزرگ کند و به خوبی به آن نگاه کند.

ناوبری خوبی داشته باشید

ما فکر می کنیم تا به حال در سایتی با طراحی ضعیف فرود آمده اید و در جستجوی صفحه مورد نظر سردرگم به این طرف و آن طرف رفته اید. به عنوان یک قاعده، ما چنین مکان هایی را با دست خالی و با آرزوی هرگز ترک ترک می کنیم. و همه تقصیر - ناوبری نادرست. این اشتباه را تکرار نکنید و مطمئن شوید که بازدیدکننده از همان ثانیه های اول همه چیز را متوجه شده است.

اگر همیشه از شما یک سوال پرسیده می شود، یک صفحه پرسش و پاسخ ایجاد کنید. می توانید از اپلیکیشن استفاده کنید سوالات متداول Wix. مزیت آن این است که مردم اطلاعات مورد نیاز خود را دریافت می کنند و در عین حال شما از چیزهای دیگر پرت نمی شوید.

آیا می خواهید نشان دهید که شرکت شما پاسخگو و دوستانه است؟ افزودن برنامه " چت زنده Tidioبرای پاسخ به سوالات در زمان واقعی می توانید آن را روی گوشی هوشمند خود نصب کنید و تمام روز را پشت کامپیوتر ننشینید، اما به تجارت بپردازید و در همان زمان در تماس باشید.

نشان دهید که مردم به شما اعتماد دارند

خوب است که سعی کنید در تماس باشید و به موقع به سوالات پاسخ دهید، اما این برای ایجاد یک رابطه اعتماد با مشتریان کافی نیست. برای این کار باید دوباره روی سایت کار کنید. یک بخش جداگانه با تاریخچه شرکت ایجاد کنید، به ما بگویید که چه کسی هستید، به چه چیزی اعتقاد دارید و فکر می کنید چه چیزی مهم است. اطلاعات زیاد بی فایده است: متن باید کوتاه، صمیمانه و قابل فهم باشد. نشان دادن اینکه چه نوع فردی در اینترنت هستید بسیار دشوار است، اما ما فکر می کنیم که چنین صفحه ای کار را به خوبی انجام می دهد.

ما همچنین توصیه می کنیم نظرات مشتریان را به سایت اضافه کنید - در صفحه اصلی یا در یک بخش جداگانه. پس از خواندن آنها، مردم متوجه می شوند که محصول شما قابل اعتماد است. به هر حال ، Yandex و Google نیز به بررسی ها توجه می کنند ، به این معنی که آنها تأثیر می گذارند.

یک نسخه موبایل از سایت بسازید

بیش از نیمی از کاربران اینترنت از طریق تبلت و گوشی های هوشمند آنلاین می شوند. این بدان معناست که نسخه موبایلی سایت یک هوی و هوس نیست، بلکه یک ضرورت است. خوشبختانه، لازم نیست نگران نحوه ساخت آن باشید. در ویرایشگر Wix نسخه موبایلبه طور خودکار تولید می شود، فقط باید آن را تست کنید و چند چیز را تغییر دهید. فراموش نکنید که نسخه موبایل یک کپی دقیق از نسخه دسکتاپ نیست، بنابراین تمام عناصر غیر ضروری را حذف کنید و دکمه ها و مخاطبین را قابل مشاهده کنید.

شبکه های اجتماعی را فراموش نکنید

توجه داشته باشید که همکاران مسن تر و با تجربه تر چگونه صفحات خود را در شبکه های اجتماعی حفظ می کنند. بله، برای پوشش کاملتر مخاطب، هم به وب سایت و هم صفحاتی در فیس بوک، Vkontakte، اینستاگرام و غیره نیاز دارید. شبکه های اجتماعی برای ارسال اخبار، نوشتن در مورد یک محصول و پاسخ به سوالات ایده آل هستند. مهم است که فقط در مورد کار صحبت نکنید، بلکه ایجاد یک تصویر و ایجاد روابط عادی و قابل اعتماد است. اگر واقعاً نمی دانید چه کاری باید انجام دهید، مقاله در مورد آن را بخوانید و تمام توصیه های ما را دنبال کنید.

پس از شروع یک صفحه در یک سایت خاص، آن را به بازدیدکنندگان سایت خود بگویید. دکمه های رسانه های اجتماعی را به قسمت سرصفحه، پاورقی یا تماس خود اضافه کنید. ما همچنین اضافه کردن برنامه را توصیه می کنیم - این برنامه رایگان است و شرکت های بزرگ مایل به استفاده از آن هستند. با آن، می توانید حداکثر ده حساب را از سایت خود مدیریت کنید: اخبار را منتشر کنید، به نظرات پاسخ دهید و مشتریان را با سرعت، بی عیب و نقص و حرفه ای شگفت زده کنید.

برای پیوستن به برندهای بزرگ آماده اید؟ خودتان در Wix - آسان و رایگان است!