اين روز ها ابزارهاي ساخت سايت فوق العاده اي تشكيل شده اند. طراحي سايت شركتي فرقي نمي نمايد قصد حل چه مشكلي را در جريان كاري طراحي سايت داريد؛ بالاخره ممكن ميباشد بتوانيد يك ابزار ابزاري جداگانه يا اين كه يك امكان تعبيه گرديده در يك نرم‌افزار گسترده خيس براي آن پيدا نماييد. اگرچه جامعه طراحي سايت نسبت به‌روزهاي اول دستخوش تغييراتي گرديده البته هنوز هم روحيه به اشتراك گذاري امور در اشخاص زنده باقي مانده ميباشد؛ پس بيشتر اين ابزارهاي جايگاه يك مجاني اند.
تعدد ابزارها مزيتي عالي محسوب مي خواهد شد البته عيبش اين ميباشد كه مي تواند موجب سردرگمي در گزينش گردد چراكه طريق هاي مختلفي براي انجام يك عمل شبيه وجود داراست.
در‌اين نوشته ي علمي فهرستي از ابزارهايي را تهيه و تنظيم كرده ايم كه ازنظر ما اكنون شايسته ترين هاي موجودند. اگرچه ليست ما بدون نقص وجود ندارد ولي اميد‌وار‌يم با مختصر و موثر كردن آن بتوانيم عمل گزينش ابزار مطلوب براي جريان كاري شمارا ريلكس خيس كنيم.
ازآنجايي‌كه‌اين فهرست نسبتاً طولاني ميباشد، ابزار ها را دسته بندي كرده ايم تا شل خيس بتوانيد اپ مدنظر خويش را پيدا نماييد. در نصيب نخستين به معرفي قابل انعطاف افزارهاي جامع طراحي وب سايت مي پردازيم؛
آن گاه در خصوص ابزارهاي مقدماتي وايرفريمينگ، كادر ورك هاي طراحي وب سايت و كتابخانه ها توضيح مي دهيم. در بخش دوم ابزارهاي كوچك خيس و تخصصي خيس براي انجام تمامي امور از عمل با تصاوير گرفته تا ورود به فضاي حقيقت افزوده (AR) را پيدا خواهيد كرد.
جدول محتويات
1 ابزارهاي پباده سازي جامع1.0.1 اينويژن استوديو (InVision Studio)1.0.2 اسكچ (Sketch)1.0.3 ادوبي اكس دي (Adobe XD)1.0.4 ماروِل (Marvel)1.0.5 فيگما (Figma)1.0.6 افينيتي ديزاينر (Affinity Designer)1.1 موكاپ‌ها (mock up) و مثال‌هاي اول1.1.1 يواكس پين (UXPin)1.1.2 پروتو دات آي وي (io)1.1.3 بالساميك (Balsamiq)1.1.4 پروتوپاي (ProtoPie)1.1.5 ماك فلو (MockFlow)1.1.6 ادوبي كامپ (Adobe Comp)1.1.7 فلينتو (Flinto)1.1.8 آكژور (Axure)1.1.9 جاستينمايند (Justinmind)1.1.10 فلويد (Fluid)1.1.11 اينترپلي (Interplay)ابزارهاي پباده سازي جامعاينويژن استوديو (InVision Studio)مقصود اينويژن استوديو (InVision Studio) پايين پوشش قرار دادن كل مقر ها ميباشد و صرفا ابزار رابط كاربري (UI) ميباشد كه به آن نياز پيدا خواهيد كرد. اين ابزار خصوصيت هاي بسيار متعددي دارااست كه به شما در خلق و خوي رابط هاي تعاملي خوشگل ياري مي نمايد.
اين خصوصيت ها مشتمل بر ابزارهايي براي مثال سازي اول سريع، پباده سازي پاسخگو و مشاركتي و همينطور فعاليت با سيستم هاي پباده سازي ميباشد.
در حالتي‌كه شما به يار و همدم اينويژن از ابزارهايي مثل اسكچ (sketch) به كارگيري مي فرماييد مي بايست بدانيد كه بعضي از خصوصيت هايشان شبيه اند. اگرچه اقتدار اينويژن استوديو (InVision Studio) در قسمت مثال سازي اول ميباشد به ويژه درصورتي كه طرح شما دربرگيرنده پويانمايي نيز باشد.
مثال سازي نخستين سريع به شما اذن مي دهد ترنزيشن هاي پيچيده و تخيلي خلق و خوي نمائيد و شمارا حاذق مي سازد تا بتوانيد پويانمايي را متناسب با به عبارتي سطحي خوي نمائيد كه مي خواستيد.
تنها مشخص و معلوم فرمائيد مي خواهيد رابط كاربري تان (UI) در اولِ ترنزيشن خويش چه‌گونه باشد و آنگاه سود ي آخرين را پباده سازي نماييد. اينويژن استوديو (InVision Studio) ساير امور را برايتان انجام مي دهد.
به‌علاوه مي توانيد اين پويانمايي ها و ترنزيشن هاي سفارشي را از روش انجام حركات و تعاملاتي مثل كشيدن، كليك كردن و بردن ماوس روي مورد متبوع خلق و خوي نمائيد.
هنگامي كليه امور را انجام داديد از روش اينويژن از مثال ي نخستين خويش خروجي بگيريد و از ساير افراد براي شركت كردن دعوت به فعاليت آوريد. مي توانيد پروژه خويش را در پلتفرم مقصود به اكران بگذاريد كه طرز خيلي نيكي براي آناليز و تست طرح تان ميباشد. بعداً مشتري ها مي توانند دقيقاً روي طرح حيث دهند.
به علاوه ديگر ما يحتاج وجود ندارد فكرتان را مشغول رفتار بُرد هاي هنري مختلف براي يك سري دستگاه (پلتفرم) متعدد فرمائيد؛ موتور چينش اينويژن استوديو (InVision Studio) طرح شمارا به طور اتومات متناسب با كليه ي پلتفرم‌ها تغيير و تحول مي دهد.
اين خصوصيت كه منجر صرفه جويي در حين مي گردد به شما فضاي كافي مي دهد تا بتوانيد بيشتر از پيشين درخصوص طرح خويش تصور كنيد.
اسكچ (Sketch)اپ اسكچ (Sketch) كه وابسته به كمپاني بهميان كدينگ (Bohemian Coding) ميباشد يكي‌از پركاربردترين پلتفرم هاي ساخت سايت ميباشد؛ ابزار بر پايه ي وكتور بسيار قدرتمندي ميباشد كه براي ساخت و ساز رابط ها و مثال هاي اول به صورت مشاركتي كاربرد داراست.
اسكچ (Sketch) به‌طور ويژه براي ساخت‌و‌ساز اينترنت وب سايت و نرم افزار ساخته شد؛ پس خصوصيت هاي غيرضروري نيست كه بخواهد رابطتان را نامرتب نمايد. همينطور سريع‌خيس و مؤثرتر از قابل انعطاف‌افزاري ميباشد كه حوزه ي كاربردي پهناور تري داراست.
رُري بري (Rory Berry)، رئيس پروژه در كمپاني سوپرب (Superb)، در سال 2017 به اسكچ (Sketch) روي آورد و به شدت به كارگيري از آن را به ساير افراد پيشنهاد مي نمايد.
وي مي گويد: «در مقايسه با فتوشاپ ترتيب كردن كل ورقه ها و انجام اصلاحات در اسكچ (Sketch) بسيار سهل وآسان خيس ميباشد. اسكچ (Sketch) سندهاي كوچكي داراست درحالي‌كه فتوشاپ سندهاي بزرگي داراست.
از اين جهت كه‌اين قابل انعطاف افزار بر اساس وكتور ميباشد، اندازه ي پوشه‌ها نسبت به فتوشاپ بسيار تحت خيس ميباشد.»
اين ها تمامي‌ي حقايق نيستند. «سيستم گريد (Grid System) تعبيه‌گرديده در اسكچ (Sketch) عالي ميباشد و پباده سازي رابط را بسيار بي آلايش‌خيس مي‌نمايد.
تفكر مي كنم پباده سازي كلي رابط كاربري (UI) و نبود خصوصيت هاي غير ضروري منجر گرديده بتوان با آن پباده سازي تميزتري انجام بخشيد. فتوشاپ در مقايسه با اين اپ خيلي پيچيده ميباشد.»
جامعه اين قابل انعطاف افزار صدها افزونه اسكچ (Sketch) ارائه مي دهد تا پروسه انجام كارتان سواي دردسرتر و ريلكس خيس پيش رود.
عيب اسكچ (Sketch) اين ميباشد كه تنها براي سيستم استدلال مك در دسترس ميباشد و هيچ نرم‌افزار اي براي پشتيباني از ساير سيستم برهان ها نيست.
اين تبديل به خلل گرديده زيرا طراحان بيشتر مايل اند فولدر هاي «.sketch» خويش را با نرم‌افزار نويساني كه از ويندوز به كار گيري مي نمايند به اشتراك بگذارند.
خوشبختانه موقتيً يك برنامه «اسكچ (Sketch) براي ويندوز» به اسم «Lunacy» وجود داراست كه با به كار گيري از آن مي قدرت فولدر هاي «.sketch» را گشوده و بازنويسي كرد و بخش اعظم اين اختلال را حل كرد.
ادوبي اكس دي (Adobe XD)ادوبي اكس دي (Adobe XD) شايسته ترين فضا را براي پروژه هاي ديجيتالي ارائه مي دهد و پايين گروه ي «Adobe Creative Cloud suite» عمل مي نمايد.
در حالتي كه از يوزرها مشتاق كمپاني ادوبي (Adobe) مي‌باشيد البته با اكس دي (XD) كارنكرده ايد در آستانه فعاليت احتمالاً متوجه گرديد كه رابط آن خيلي مشابه رابط ديگر قابل انعطاف افزارهاي ادوبي (Adobe) وجود ندارد.
اگرچه در رقابت با ديگر ابزارهاي عظيم جان دار عقب نمي ماند. در‌صورتي‌كه مدتي با فتوشاپ پباده سازي كرده باشيد كه خيلي بهتر ميباشد ولي براي پباده سازي رابط كاربري (UI) بها زماني را كه صرف مي نمائيد داراست.
اين ابزارِ پباده سازي وكتور و وايرفريمينگ (wireframing) با افزودن خصوصيت هايي مثل پشتيباني از مثال سازي اول صوتي كه سبب مي خواهد شد اين ابزار با آخري به‌روزرساني هاي جان دار در حوزه ي تجربه ي مخاطب (UX) منطبق داشته باشد روزبه روز بهتر مي خواهد شد.
اكس دي (XD) دارنده ابزارهاي پباده سازي، ابزارهايي كه به شما اذن مي دهند تعاملات غير ايستا را تعريف و تمجيد فرماييد، پيش اكران تلفن همراه و دسكتاپ و همينطور ابزارهاي به اشتراك گذاري به مراد دادن برخورد درخصوص طرح ها ميباشد.
اين ابزار به شما اذن مي دهد براي استارت يك پروژه اندازه ي پيروزي هنري مختص دستگاه مدنظر خويش را تعيين نماييد؛ حتي مي توانيد يك كيت رابط كاربري دوست داستني به عنوان مثالً متريال صفحه ارايي (Material Design) گوگل- را وارد اپ (import) نمائيد.
از كليه مهتر اينكه ادوبي اكس دي (Adobe XD) با ديگر قابل انعطاف‌افزارهاي «Creative Cloud» يك دست مي خواهد شد؛ بدين مفهوم كه مي توانيد به راحتي «asset»هاي فتوشاپ يا اين كه ايلاستريتر (Illustrator) را وارد اين نرم افزار (import) كرده و با آن ها كاركنيد.
چنانچه با ديگر نرم‌افزار هاي ادوبي (Adobe) كاركرده باشيد، رابط كاربري (UI) به نظرتان آشنا ميباشد و يادگيري روش ي فعاليت با آن خيلي طاقت فرسا وجود ندارد. آندره رابو (Andrei Robu)، مديريت پباده سازي كمپاني رابو استوديو (Robu Studio) در شهر بارسلون، ميان طرفدارانش مي گويد: «براي ساخت و ساز سريع موكاپ (mock up) عالي ميباشد.
رابط خيلي سبكي ميباشد كه عكس هاي متعددي در آن بار گذاري گرديده اند و براي بوم هاي مخلوط بندي (moodboards) عالي ميباشد.
مثال سازي اول خيلي موءثر ميباشد زيرا مي قدرت به مشتري ها نشان بخشيد اجزاء پروژه چه طور فعاليت مي‌نمايند؛ به ويژه براي اين خوب ميباشد كه مي توانيد محتواها را در ديده بر هم زدني به شكل آنلاين منتشر نمائيد.»
اليس راجرز (Ellis Rogers)، طراح گرافيك در كمپاني ريسپشنال بامسئوليت محدود (Receptional Ltd) هم به كار گيري از اين قابل انعطاف افزار را پيشنهاد مي نمايد: «زماني فعاليت پباده سازي/ مثال سازي نخستين يا اين كه وايرفريمينگ (wireframe) به اتمام رسيد، ادوبي اكس دي (Adobe XD) به شما اذن مي دهد خيلي سريع موادسازنده را گزينش كرده و ترنزيشن صفحه هاي را براي مثال نخستين اجرايي اخلاق نماييد كه مي اقتدار آن را بوسيله يك پيوند به اشتراك گذاشت.»
بعد از آن اين طور توضيح مي دهد: «اين پيوند به شما اذن مي دهد بازخوردها را به ازاي هر كاغذ عده آوري كرده و همگي چيز را سازمان دهي فرمائيد. اين لينك و پيوند را مي اقتدار باطن ادوبي اكس دي (Adobe XD) به روزرساني كرد تا مشتري همواره نهايي ورژن را ببيند و نگران اخذ ورژن هاي به‌روزرساني نشده نباشد. اين خصوصيت لذت انجام فعاليت را دوچندان مي نمايد.»
ماروِل (Marvel)مارول (Marvel) ابزاري ديگر براي طراحي سايت ميباشد كه براي ساخت و ساز سريع ايده ها، اصلاح يك رابط به به عبارتي شكلي كه شما مايليد درآيد و ساخت و ساز مثال هاي اول بسيار مطلوب ميباشد.
مارول (Marvel) در توليد صفحه هاي از روشي بسيار منظم به كارگيري مي‌نمايد و به شما اذن مي دهد طرح خويش را از روش يك مثال نخستين مشابه سازي فرماييد.
آيتم هاي يك دست سازي فوق العاده اي براي درج پباده سازي هايتان در جريان كاري پروژه وجود دارااست. ديدني اينكه خصوصيت تست مخاطب در آن تركيب شده‌است كه استعمال از آن اينك در منطقهي ابزارهاي طراحي وب سايت پاره اي غيرمعمول ميباشد. همگي چيز آنلاين ميباشد پس نيازي به دانلود هيچ چيز وجود ندارد.
فيگما (Figma)فيگما (Figma) ابزاري براي پباده سازي رابط ميباشد كه اذن مي دهد يكسري طراح بتوانند به‌طور هم برهه زماني در آن شركت كردن داشته باشند. اين امكان هنگامي چندين ذينفع در پروژه وجود دارا‌هستند كه كليه در صورت دهي به فيض پاياني دخالت دارا هستند بسيار مؤثر ميباشد.
اين ابزار در مرورگر يا اين كه ويندوز، مك يا اين كه لينوكس در دسترس ميباشد. بسته به غرض شما از به‌كارگيري اين ابزار مي توانيد به آن به‌شكل بدون‌پول و غير بدون‌پول دسترسي داشته باشيد. در پي به ذكر برخي از خصوصيت هاي پررنگ آن مي پردازيم.
بنيامين ريد (Benjamin Read)، طراح سمت استفاده كننده توضيح مي دهد: «فيگما (Figma) دارنده يو اس پي (USP) شبيه اسكچ (Sketch) ميباشد؛ فقط تفاوتي كه دارااست اين ميباشد كه در چندين پلتفرم مي قدرت از آن بهره مند شد.
هنگامي از آن براي ساخت و ساز يك سري آيكون به كار گيري كردم ديدم كه جريان كاري حقيقتاً سواي نقص پيش مي رود. خيلي سريع آن را حافظه گرفتم و مزيت اضافه ي مشاركتي بودن هم در دسترس اينجانب بود: مي توانيد درون نرم‌افزار با ديگر افراد به اشتراك گرافيك هم بپردازيد.»
وي اضافه كرد: «اينجانب كارايي كردم براي كارم از لينوكس استعمال كنم؛ گهگاه هم از ويندوز به كار گيري مي كنم. فيگما (Figma) ازنظر كاربردي براي اينجانب خوب ميباشد زيرا در يك سري سيستم دليل در دسترس ميباشد.»
ديويد ايستوود (David Eastwood)، محتوا نويس و آفريننده ي شغل هاي هنري آزادكار نيز ايده ها خير در باب فيگما (Figma) داراست: «همينطور هنگامي موردنياز بود به سرعت MVTها را با اندازه بي نقص سبك سازي كنيم حقيقتاً اثرگذار بود؛
گهگاه موردنياز ميباشد به طرح فعلي يكسري چيز كوچك اضافه گردد. اينكه مي قدرت با‌گاز براي دسكتاپ، تبلت و گوشي پباده سازي انجام اعطا كرد را خيلي دوست داريم.»
افينيتي ديزاينر (Affinity Designer)دن ادواردز (Dan Edwards)، طراح مال، مي گويد: «بعضا به افينيتي ديزاينر (Affinity Designer)، جنس كمپاني سريف (Serif)، كنيه «قتل كننده فتوشاپ» را داده اند و برهان آن بسيار شفاف ميباشد.
چندين خصوصيت در آن بود كه حقيقتاً دوست داشتم. اين خصوصيت ها مشتمل بر لايه هاي قابل تهيه و غير مخرب بود؛ بدين معنا كه مي توانيد تصاوير يا اين كه وكتورها را فارغ از اينكه به آن ها جراحت بزنيد تهيه و تنظيم فرماييد.»
«امكان پهناور نمايي يك ميليون درصدي انتها تجهيزات بود! به ويژه هنگامي با شغل هاي هنري بر طبق وكتور فعاليت مي نمائيد خيلي به درد مي خورد زيرا مي توانيد حقيقتاً در آن ظريف گرديد.
خصوصيت هاي بازگرداندن فعاليت انجام‌گرديده (Undo) و تاريخچه حقيقتاً كاربردي ميباشد: افينيتي (Affinity) به شما اذن مي دهد تا 8000 مرحله عقب برويد!»
«رابط كاربري (UI) در پباده سازي اصطلاح شناخت ميباشد. به لحاظ مي برسد هركسي كه مي خواهد به مكان فتوشاپ از قابل انعطاف افزار ديگري استعمال نمايد مي خواهد تمامي چيز شبيه باشد كه حقيقتاً معضل برانگيز ميباشد.
دوشنبه ۲۴ آذر ۹۹ ۱۲:۳۸ ۱۷ بازديد
تا كنون نظري ثبت نشده است