گروه آموزشی هنر آبی

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

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

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

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

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

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

Wirefram Sketcher همانطور که از اسمش پیداست دارای یک پایگاه داده و آرشیو از کنترل های رابط کاربری (UI) یا User Interface مانند انواع: اشکال هندسی، چک باکس ها، فلوچارت ها، دکمه ها، جداول و دیگر المان های مورد نیاز برای طراحی یک رابط کاربری اولیه را داراست.

در زیر تصاویری از محیط این نرم افزار را مشاهده نمایید:

قابلیت های کلیدی نرم افزار WireframeSketcher :

• طراحی نمای کلی از رابط کاربری سایت یا نرم افزار
• منعطف و قدرتمند
• امکان اتصال به صورت پلاگین برای نرم افزار Eclipse و یا اجرا به صورت مستقل
• پسوند: EXE
• دارای کتابخانه ای بزرگ از عناصر و اشکال موردنیاز برای طراحی رابط کاربری
• شرکت سازنده: WireframeSketcher.com
• امکان ایجاد خروجی PDF
• امکان ساخت نمونه اولیه پویا و تعاملی
• آرشیو قدرتمند از آیکون ها
• امکان ایجاد کامپوننت با قابلیت استفاده دوباره و...
• ۱۰۰٪ تست شده و سالم از نظر ویروس و قابلیت extract شدن

: Feature

WireframeSketcher is a wireframing tool that helps designers, developers and product managers quickly create wireframes, mockups and prototypes for desktop, web and mobile applications. It’s a desktop app and a plug-in for any Eclipse IDE

Powerful and flexible
WireframeSketcher comes both as a standalone mockup and wireframe tool, but also as a plug-in for any Eclipse IDE. It’s cross-platform and has a native and fast UI on Windows, Mac OS X and Linux. Create anything from quick mockups to large prototypes. Built-in refactoring lets you painlessly rename and move files around without breaking links. Flexible UI lets you take advantage of multiple monitors
Hand-drawn or clean look
With WireframeSketcher you get rough, unfinished, hand-drawn look for your mockups. This way your stakeholders won’t be distracted by little details and you can focus on what’s important. When needed, you can instantly switch to a clean look

Extensive library of UI controls
WireframeSketcher comes with an extensive set of UI controls. You’ll find buttons, checkboxes, trees, tables, you name it. Controls are very flexible and can be customized using properties and by applying wiki syntax directly in text

Fast and easy to use
The interface is optimized for speed. Multiple shortcuts allow an efficient keyboard use. The properties view is streamlined to maximize your efficiency. Position objects quickly with grid snapping and smart guides

Interactive Prototypes
Use linking to create interactive prototypes. Present your prototypes in full-screen mode and click-through to show how the application or website is supposed work

Flexible wiki formatting
Wiki formatting lets you style any widget that supports text. Using a simple syntax you can make bits of text bold, italic, underlined and even insert icons to make checkboxes, radio buttons and more. Syntax highlighting saves you from getting lost in your text

Use your own images
Missing a widget? Want to include a logo? WireframeSketcher lets you use your own images. Color images can be conveniently drawn in black and white to blend in with the overall look of the wireframe. And the best thing – you can use SVG vector graphic images which will even automatically get the hand-drawn look

Large set of vector icons
WireframeSketcher comes with 200+ vector icons that work great with wireframes and that are free to use in your own website or app. Icons work at any size, can be colored, rotated, and embedded in any text. To embed, just hit Ctrl+Space while editing a widget’s text and choose from the list. If these icons are not enough then just install extra icon packs from the stencils library

Create reusable bits with Components
Do you need a common template, a master for all your screens? Want to reuse that standard dialog in multiple places? Use components to do just that. Changes to a component are instantly visible in all screens that use it. You can put them in the palette and create your own stencils. Any screen can be a used as a component. This means that creating screen variations is easy without any duplication. Easy inheritance mechanism lets you alter component’s instance without breaking the link to its origin

Storyboard use-cases
Storyboard your use-cases and show how the UI responds to user actions and changes in time. Use storyboards to make slideshow presentations and export multi-page, interactive PDFs or HTML

Show off your work
Need to discuss an idea without other apps getting in your way? Want to make a presentation of the prototype to your client? Full-screen presentation mode is one click away. Want to send around your wireframes and storyboards? Just export your wireframes to high-quality PDF, HTML or PNG and you are all set. Upload and share exported HTML online on WireframeSketcher servers (wiresketch.com). You can always print out your wireframes on paper and then discuss them with your clients face to face

High-quality PDF export
Export your wireframes to high-quality, vector PDF and easily share them. Using PDF format ensures that your clients can easily view and test your prototypes without having to install anything. PDFs are also great for sharing your concepts with designers. They can easily open your documents with their graphical tool of choice, copy texts, and import graphics

Add extra stencils
Make use of the user-contributed Mockups Gallery to jump-start your mockups and to get inspiration from. Find Android, iPhone, iPad, Windows Phone stencils, extra icons and other useful resources and share your own contributions with the community

Open, XML-based format
Wireframes are stored in an open XML-based format. You can easily store your screens under version control and use standard Eclipse tools to track changes and to perform diffs and merges when needed. Create your own tools around this format by using the open-source SDK