كلیه اطلاعات این سایت مربوط به شركت طراحی سایت - شركت نرم افزاری بهپردازان می باشد


شركت نرم افزاری بهپردازان

موضوع مقاله : تکنيک هاي طراحي سايت :

شرح : الگو هاي عمودي و اسکرول کردن

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

رابط کاربري مدل کارتي (Card-Style Interfaces)

يکي از مهمترين دستاوردهاي Material Design  رابط هاي کاربري کارتي است.
اين روزها به هر جا که نگاه بندازيم اين نوع طراحي را مي بينيم از برنامه هاي کاربردي گرفته تا وب سايت ها و حتي روي کاغذهاي پرينت شده.
کارت ها اطلاعات را در محفظه هايي (کارت هايي) کاربر پسند سازمان دهي مي کنند ، اين نوع طراحي براي کاربران جذابيت زيادي دارد.
يکي از امتيازات مهم رابط کاربري کارتي اين است که به صورت يک پارچه روي تمامي دستگاه هاي موجود کار مي کند. چون کارت ها مي توانند به صورت افقي يا عمودي (يا ترکيبي از اين دو حالت) بر روي صفحه ي نمايش چينش شوند .

استفاده از Hero Video Header

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

استفاده از انيميشن

اين روزها رابط هاي کاربري متحرک خيلي محبوب هستند.
يکي از راه هاي مناسب براي سرگرم نگه داشتن کاربرها در طول مدتي که منتظر بارگذاري اطلاعات هستند استفاده از انيميشن در رابط کاربري هست.
مهمترين فاکتوري که هنگام طراحي انيميشن بايد در نظر بگيريد اينه که بدانيد دقيقا چرا داريد اين انيميشن را روي سايت خود مي گذاريد و اينکه دقيقا قرار است چه کاري براي شما انجام بدهد و چه افکتي را پياده سازي کند.

روي تعامل ها تمرکز کنيد

تعامل يعني ارتباط بين کاربرها و دستگاه هايشان (Devices).
معمولا تعامل ها کوتاه طراحي مي شوند و اطلاعاتي را در اختيار کاربران قرار مي دهند.
اين اطلاعات مي تواند به سادگي زنگ هاي هشدار (Alarms)  و مسيج هاي متني باشد يا به پيچيدگي تعامل اطلاعات در بازي هاي کامپيوتري.
در حقيقت اين تعامل ها هستند که چگونگي ارتباط کاربرها با دستگاه ها رو شکل مي دهند.

چينش زيباي عناصر (Beautiful Typography)

رابط هاي کاربري ساده (Streamlined Interfaces)  راه رو براي چينش زيباتر عناصر هموار کردند.
البته قطعا اضافه شدن ابزارهايي مثل Google Fonts و Adobe Typekit هم به ايجاد تيپوگرافي- هاي زيباي کنوني خيلي کمک کرده.
اين روزها بيشتر طراحان فونت هاي ساده را براي نوشتن مطالب در سايتشان انتخاب مي کنند.
اينطوري هم جاي بيشتري براي بقيه ي عناصر سايت باقي مي ماند و هم اينکه خواندن مطالب روي صفحه نمايش آسان تر مي شود.
در نهايت طراحان بايد سعي کنند که يه تعادلي بين سادگي و خوانايي تيپوگرافي و جذابيت و خلاقانه بودنش به وجود بياورند.

استفاده از طرح ها و تصاوير

تصاوير و طرح ها وب سايت ما رو جذاب و کاربر پسند مي کند.
اين روزها طراحي هاي پر تصوير در همه نوع وب سايتي کاربرد دارد و فقط مربوط به سايت هاي کودکان نيست.
در طراحي مدرن استفاده از عکس و تصاوير حتي در آيکون ها و ديگر عناصر سايت هم محبوبيت پيدا کرده.
يکي از مزيت هاي استفاده از طراحي هاي پر تصوير اين است که کاربر در سايت شما احساس راحتي بيشتري مي کند که اين باعث مي شود که سايت شما ارتباط بهتري با کاربرتون برقرار کند.

استفاده از رنگ هاي سرزنده و روشن

با روي کار آمدن طراحي مسطح (Flat Design) استفاده کردن از رنگ هاي سرزنده و تند هم رايج شد.
پيش بيني مي شود که امسال هم رنگ بندي سايت ها به همين روند ادامه داشته باشد.
با اين تفاوت که در سال 1394 بيشتر رنگ هاي تند و هم تناژ (هم پليت) استفاده مي شد ولي الان در سال 1395 رنگ هاي تند با سبک و روحيه ي دهه ي 80 ميلادي در طراحي سايت ها خودنمايي مي کنند.  

آيکون گرافي

از همان زماني که اولين آيکون ها (مثلا آيکون همبرگر) روي کار آمدند آيکون و آيکون گرافي بخش جدا ناپذيري از طراحي سايت شد.
هر روزه طراحان بيشتري رابط هاي کاربري جذاب همراه با بسته هاي آيکوني که استفاده از آن ها از هميشه راحت تر و لذت بخش تر شده را ارائه مي دهند.
همچنين اين روزها با استفاده از فرمت SVG  مي توانيم آيکون هايي با سايز هاي بزرگتر هم طراحي کنيم.

مرز بين وهم و واقعيت

محتواي اين سايت واقعي است يا انيميشن؟!!
آيا اين مسير از قبل مشخص شده يا من مي توانم مسير رو تغيير بدهم؟
گام بعدي در طراحي وب سايت ها اين است که يک مرز نامشخص بين عناصر واقعي و عناصر ساختگي به وجود بياد.
اين نوع طراحي تاثير فوق العاده اي روي کاربر مي گذارد و به کاربر براي پيدا کردن محتويات جديد حق انتخاب مي دهد.
اينگونه تکنيک طراحي سايت شامل به وجود آوردن يک سري عناصر ساختگي است که به شدت به نظر واقعي ميايند و کاربر نمي داند که آن ها واقعي نيستند.

وب سايت هاي شامل اسلايد

قبلا وب سايت ها براي نمايش اسلايدها از اسلايدر استفاده مي کردند و عکس ها در فريم اسلايدر حرکت مي کردند و به نمايش گذاشته مي شدند.
نسل بعدي و تکامل يافته ي اسلايدر ها اسلايد هاي تمام صفحه (Full-Screen Slides) هستند.
در اين نوع طراحي با عوض شدن هر اسلايد کل صفحه ريفرش (Refresh)  مي شود و اطلاعات جديد بارگذاري مي شود.
اسلايدهاي تمام صفحه مي توانند با کليک کردن يا اسکرول کردن و يا به طور زمان بندي شده به اسلايد بعدي بروند.
در چندماه آينده اين تکنيک طراحي را در بسياري از سايت ها خواهيد ديد.