طراحي سايت

طراحي سايت: مهارت هاي جديد طراحي سايت 2016

در طراحي وب بايد بدانيد كه بر روي چه چيزي تمركز كنيد تا بتوانيد همگام با سرعت پيشرفت آن جلو برويد.
صنعت طراحي سايت با سرعت حيرت آوري در حال پيشرفت و تغيير ميباشد و به نظر مي آيد كه هر سال با سرعت بيشتر و بيشتر گسترش پيدا خواهد كرد. از 10 طراح سايت يا برنامه نويس بپرسيد كه امسال چه چيزي بايد ياد بگيريد آن گاه با 10 پاسخ مختلف رو به رو خواهيد شد.
در اين مقاله ليستي از مواردي كه امسال در طراحي وب بايد بر روي آن ها تمركز نماييم مورد بررسي قرار گرفته است. اگر قصد پيشرفت و رسيدن به رتبه هاي بالا در زمينهطراحي سايت را داريم بنابراين در آغاز هر سال بايد زماني را به تهيه اين ليست ها اختصاص دهيم.
اين ليست با كمك افراد خبره در طراحي سايت تهيه شده و مجموعه اي از مهارت هاي جديد طراحي وب در سال 2016 را ارائه ميكند.

1. موارد پايه اي را دوباره مورد بررسي قرار دهيد.

در مسير پيشرفت و تغيير، هيچگاه موارد پايه اي را فراموش نكنيد. HTML، CSS و جاوا اسكريپت ساختار پايه اي وب هستند. درست فهميدن و به كار بردن آن ها بسيار مهم است.
كتابخانه ها و ابزارهاي طراحي وب گذرا هستند ولي تنها مهارت هايي كه همواره در وب باقي ميمانند 3 ركن اصلي طراحي سايت يعني : كد (HTML)، سبك (style) و عملكرد با استفاده از اسكريپت هاي مستقل ميباشند.

2. تكنيك هاي ساختاري

نحوه قرار گيري اجزا در صفحه نمايش پيوسته در حال تغيير است. پيشرفت هاي هيجان انگيزي در اين زمينه وجود دارد : ماژول ساختاري جعبه انعطاف پذير و ساختار شبكه اي CSS كه به سرعت در حال رشد و تكامل هستند. اين تكنيك ها براي رابط طراحي و طراحي رسپانسيو بسيار مناسب هستند.
جعبه انعطاف پذير (فلكس باكس) يك نوع ساختار ميباشد كه براي طراحي رابط كاربري بهينه سازي شده است.
اگر تازه كار هستيد پيشنهاد ميكنم ساختار CSS را بياموزيد.

3. طراحي ماژولار

همچنان كه سايز صفحه هاي تمايش تغيير ميكنند مفاهيمي هم كه براي آن ها طراحي ميكنيم تغيير پيدا ميكنند. چيزي كه ما نياز داريم بلوك هاي سازنده محتوا هستند كه خودشان را با هر محيطي سازگار ميكنند. يادگيري طراحي ماژولار با قطعه هاي محتوا به عنوان يك اساس در طراحي سايت، ما را در ايجاد محتوايي كه با هر شرايطي سازگار است كمك ميكند كه اين يك مهارت قدرتمند ميباشد.
متد Brad Frost كاربر را به جاي ساختن صفحات به ايجاد سيستم هاي طراحي تشويق ميكند. Brad Frost در كتاب خود به نام طراحي اتمي در مورد اين روش ميگويد : "تحقيقات من براي يافتن يك متدولوژي در زمينه سيستم هاي طراحي رابط، من را به سمت مطالب الهام آميز در زمينه ها و صنايع ديگر هدايت كرد. زمينه هايي مثل معماري و طراحي صنعتي كه سيستم هاي ماژولار هوشمندي را براي توليد محصولات پيچيده مانند هواپيما، كشتي و برج ها توسعه داده اند."
دستاورد Frost شامل سيستم هاي طراحي ساخته شده از اتم ها، مولكول ها، اجزاء، الگوها و صفحات ميباشد.

4. قواعد تايپوگرافي

95 درصد از اطلاعات در وب به صورت نوشتاري هستند. پس بسيار منطقي است كه يك طراح سايت در زمينه نحوه نوشتار يا همان تايپوگرافي هم آموزش ببيند.
كلمات، عناصر ضروري در طراحي سايت ميباشند و طراحان سايت اغلب با كلمات سر و كار دارند. گذاشتن كمي زمان براي يادگيري نحوه نوشتار و تأثير آن بر روي تجربه كاربر ميتواند تا حد زيادي شما را به جلو ببرد.
تايپوگرافي خوب باعث لذت بردن خوانندگان يك محتوا ميشود و همه ما بايد به آن توجه كنيم.
ميتوانيد براي كسب اطلاعات بيشتر راجع به تايپوگرافي و نحوه استفاده آن در طراحي سايت به وب سايت webtypography.net مراجعه نماييد.

5. ابزارهاي نمونه سازي

ابزارهاي نمونه سازي در طي چند سال گذشته مطرح شده و به سرعت در حال پيشرفت و توسعه هستند. ابزارهايي مانند InVision، Marvel و Principle طراحان را قادر ميسازند تا به سرعت و به راحتي نمونه هاي ديجيتالي كاملاً تكامل يافته ايجاد نمايند.
چنانچه تمركز شما بر روي ظاهر (frontend) ميباشد، توانايي طراحي و نمونه سازي وب سايت از يك قالب به حالت نهايي بسيار مهم و ارزشمند ميباشد.
اين پيشرفت در ابزارها به اين معني است كه طراحاني كه بر روي طراحي محصولات پيچيده و تعاملي تمركز دارند حال داراي ابزاري هستند كه ميتوانند ايده ها و ذهنيت خود را تبديل به نمونه اي كامل نمايند كه بر روي تعامل كاربر و همچنين انيميشن و حركت ها تأكيد دارد.
البته داشتن اطلاعات و دانش كافي راجع به چيزي كه قابل انجام است و چيزي كه بايد كدنويسي شود هم بسيار مهم است. دانش كافي در زمينه طراحي سايت و آشنا بودن با نحوه كار ابزارهاي نمونه سازي ديجيتال موفقيت و به روز بودن شما را تضمين خواهد كرد.

6. قواعد انيميشن

درخواست براي وجود انيميشن در طراحي ها روز به روز افزايش مي يابد. انيميشن هاي ظريف و تعاملات كه به خوبي استفاده شده باشند ميتوانند تمايز بين يك برنامه يا سايت كامل و جذاب و يك سايت ايستا و غير بصري باشند.
اهميت درك اصولي كه زيربناي انيميشن هستند مانند زمان بندي و دانش فضايي رو به افزايش ميباشد. مطالب زيادي براي يادگيري در اين زمينه وجود دارد كه بهتر است با كار ديزني (the work of disney) شروع كنيد.
ابزار كاربردي بسياري وجود دارند كه به شما اجازه ميدهند تا در يك طراحي تعاملي بر روي انيميشن كار كنيد و شناخت اين ابزارها براي طراحان بسيار مفيد و كمك كننده خواهد بود. برخي از مهم ترين اين ابزارها عبارتند از : After Effects، Framer و Atomic
نكته مهم اينجاست كه در طراحي سايت بايد به اندازه و در مكان مناسب از انيميشن استفاده كرد در واقع به گفته سوفي پكستون "رابط كاربري شما فيلم ديزني نيست !"

7. گرافيك هاي برداري مقياس پذير (SVG)

گرافيك هاي برداري مقياس پذير مدتي است كه مورد بحث قرار گرفته و مطرح شده اند. فهميدن و درك اين مفاهيم مهارت بسيار خوبي ميباشد. در مبارزه پيوسته بين تصاوير با كيفيت بالا و نگراني ها در عملكرد وب، تنها يك گزينه براي لوگوها، آيكون ها و تصاوير در وب وجود دارد آن هم گرافيك هاي برداري مقياس پذير يا همان SVG ميباشد. اين گرافيك ها در صفحه نمايش ها با رزولوشن هاي مختلف كيفيت خود را از دست نمي دهند و به راحتي قابل ويرايش و تغيير هستند. 
استفاده از SVG ها مزايايي دارد : كاهش سايز فايل ها، بهبود عملكرد و امكان استفاده از انيميشن هاي كوچك و كارآمد. كه اين موارد از ديدگاه عملكردي بسيار مفيد و خوب هستند. بنابراين اختصاص زماني براي يادگيري SVG ها به پيشرفت شما كمك زيادي خواهد كرد.

8. API ها

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

9. عملكرد

مطمئناً همه ما زماني صفحات سنگين و حجيم ايجاد كرده ايم. ميدانيم كه بايد بهتر اين كار را انجام ميداديم (بهينه سازي) و حالا همواره بايد به خود يادآوري كنيم كه به حجم و سنگيني صفحات و عملكرد آن ها دقت نماييم.
هر چقدر وب را ساده تر نگه داريم جذاب تر خواهد بود !
بنابراين پيشنهاد ميشود كه زماني را صرف يادگيري نكات عملكردي نماييد : فشرده سازي تصاوير، كم حجم بودن HTML، CSS و جاوا اسكريپت، كاهش افزونه سنگين و غيره.
دنياي وب در حال ستيز و كشمكش با تصاوير غول پيكر، زمينه هاي ويدئويي عظيم الجثه و مقادير رو به رشد فونت هاي وب ميباشد! بياييد كمي در جهت كاهش اين مسائل گام برداريم و از خود بپرسيم كه چگونه ميتوانم حجم محتوا را كاهش دهم. به اين ترتيب حتي كاربرانتان نيز سپاسگزار شما خواهند بود.

10. فناوري هاي جديد در افق

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

 

 
 

برچسب: آموزش،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۸ مهر ۱۳۹۵ساعت: ۰۴:۰۵:۴۶ توسط:site111 موضوع: