网络应用程序设计系统(Web App Design System)

网络应用程序设计系统(Web App Design System)插图

网络应用程序设计系统(Web App Design System)插图1

网络应用程序设计系统(Web App Design System)插图2

网络应用程序设计系统(Web App Design System)插图3

网络应用程序设计系统(Web App Design System)插图4

网络应用程序设计系统(Web App Design System)插图5

网络应用程序设计系统(Web App Design System)插图6

-中文-

这是一个设计网络应用程序的设计系统。它包含了大量常用于网络应用的UI组件。你可以按原样使用这个设计系统,或者把它作为一个起点,为你自己或你的客户创建和展示你自己独特的设计系统。
亮点
 
最常用的网络应用程序组件的大集合
易于使用的草图符号用于快速原型设计
 
兼容性
 
Photoshop CC15+
素描 最新版本
 
我如何使用这个?
 
幻灯片
 
在Photoshop中打开该文件。通过复制卡片、模版、图层、阴影、文本、控件和按钮到你自己的文件中,建立你的网络应用程序界面。你也可以直接在这个文件中开始设计,使用包含的艺术板。
素描
 
在Sketch中打开该文件。在名为 "在此页面创建你的设计 "的页面上开始创建你的设计。在这里,你可以从设计系统中插入符号,并通过检查器面板中的覆盖物改变文本、尺寸、颜色和样式。在名为 "网络应用程序设计系统 "的页面上,你可以根据自己的品牌和偏好编辑设计系统。在这个页面的'样式'部分对符号所做的所有改变将在文档的其他部分自动更新。当你在'排版和颜色'部分改变文本样式或颜色时,你需要到检查器面板中的'外观',点击更新样式,以看到变化在整个文档的其余部分传播。
 
这种独特的设计可以为你的设计项目或你打算应用这种设计的事物带来附加价值。
如果你喜欢我们网站上的设计,不要忘记与你的朋友分享,并请点击关注,这样你就会在未来得到更多很酷的产品的通知。
你可能想在下载之前检查工具包中的所有文件
特别感谢Apply Pixels(https://applypixels.com)的设计和工作。
您的反馈和意见对我们来说非常重要如果您有任何问题、担忧或建议--请不要犹豫,在我们的社交媒体页面上联系我们,我们会尽快回答。

 

 

 

谢谢你,祝你设计愉快!
 
EpicPxls <3

-英文-

This is a design system for designing web applications. It contains a vast collection of UI components that are commonly used in web apps. Use the design system as it is, or use it as a starting point for creating and presenting your own unique design system for yourself or your clients.
Highlights

Large collection of most commonly used web app components
Easy-to-use Sketch Symbols for quick prototyping

Compatibility

Photoshop CC15+
Sketch Latest Version

HOW DO I USE THIS?

Photoshop

Open the file in Photoshop. Build your web app interface by copying cards, modals, layers, shadows, text, controls and buttons to your own document. You can also start designing directly in this file, using the included artboards.
Sketch

Open the file in Sketch. Begin creating your design on the page named ‘Create your designs in this page’. Here you can insert symbols from the design system and change text, sizes, colors and styles via the overrides in the Inspector panel. On the page named ‘Web App Design System’ you can edit the design system to your own brand and preference. All changes made to symbols in the ‘Styles’ section on this page will automatically update in the rest of the document. When you change text styles or colors in the ‘Typography and Colors’ section, you need to go to ‘Appearance’ in the Inspector panel and click update style to see the changes propagate throughout the rest of the document.

This unique design can bring an added value to your design project or things that you plan to apply this design to.
If you enjoy the designs here on our site, don't forget to share with your friends and please click follow so you will be notified for more cool products in the future.
You may want to check all the files in the kit before you download
Special thanks to Apply Pixels (https://applypixels.com) for designing and working for this.
Your feedback and opinions are very important to us! Should you have a question, concern or suggestion - don't hesitate to reach us out on our social media pages and we'll answer as soon as we can.

Thank you and enjoy designing!

EpicPxls <3

发表评论

后才能评论