精华内容
下载资源
问答
  • 版式设计
    千次阅读
    2019-06-18 09:39:16

    版式设计

    写作时间:6月18日 作者:陈铭军)

    版式设计的原理,版式设计的概念及意义,所谓版式设计,就是将现有的视觉元素在版面上进行有机的排列组合,将理性的思维个性化地表现出来,它是一种具有个人风格和艺术特点的视觉传达方式,在传达信息的同时,也产生了感官上的美感。版式设计的范围涉及到报纸、刊物、书籍(画册)产品样本、挂历、招贴画、唱片封套和网页页面等平面设计的各种领域。
    在这里插入图片描述
    版式设计的意义,通过上面的讲解,我们可以清晰地认识到版式设计对于印刷出版物版面的重要性,因此不难理解版式设计的意义就是通过合理的空间视觉元素来最大限度地发挥表现力,以增强版面的主题表达,并以版面特有的艺术感染力来吸引观者的目光。
    版式设计的基本原理,根据内容进行版面的编排 在进行版式设计的时候,首先要明确设计的主要内容,再根据主要内容来确定版面的风格和结构,不同内容的版式设计有着很大的差别。  根据版面调整版面率,页面四周的留白量对于页面版式的安排有着非常重要的作用。即使是同样的图文,也会因为不同的版面率而呈现出截然不同的效果。根据版式设计调整涉及元素的设置顺序,平面设计中的元素是有先后顺序的,合理的顺序安排能够引导读者更容易看懂设计所要表达的主题。每个元素的大小、色彩、形态等都会影响整体的顺序。从上面所例举的版式设计作品中,我们不难发现,被我们首先注意到并留下印象的元素往往具备以下特征:在整个版面中所占面积最大,或者色彩最为鲜明,或者造型独特。相同的元素通过这些方法处理后,在视觉上可以产生完全不同的效果,因此,在进行版面设计时,利用这些方式来调整版面中各种元素的主次关系,是非常行之有效的方法。版式设计的视觉流程,单向视觉流程  平面设计需要有一定的顺序和主次来引导读者的视觉流向,这通常需要符合人们的视觉习惯。
    在这里插入图片描述
    单向视觉流程是按照常规的视觉流程规律来引导读者的视觉走向,主要分为三种:1. 横线式视觉流程:主要视线是水平的,给人安静、温和、惬意的感觉  2. 斜线式视觉流程:主要视线在左上角与右下角之间,具有不稳定性,视觉冲击力强 3. 竖线式视觉流程:主要视觉是纵向的,给人简洁、有力、稳固的视觉感受。
    重心视觉流程,人们观看一个版面时,视线最终停留的位置就是视觉的重心。视觉的重心能够稳定版面,给人安心的感觉,当它处于版面中不同位置时,会给人不同的感受。反复视觉流程,让相同或者相似的元素重复出现在画面中,形成一定的重复感。这样的排列方式使本身较为单一的图形富有生动感,并具有较强的识别性。
    反复视觉流程广泛应用于艺术设计中,它可以在视觉功能上加深人的印象,增强人的记忆,是视觉传达设计常用的形式之一。另外,反复也是自然现象。在版式设计中,对视觉进行反复的引导,可以增强信息传播的强度,使版面形式显得有调理,产生秩序美、整齐美和韵律美。导向性视觉流程,在版式设计中运用一些手法,引导读者的视线按照设计者的思路贯穿版面,这就是导向性视觉流程,导向性视觉流程主要分为两种类型:一种是运用点和线作为引导,使画面上所有的元素集中指向同一点,形成统一的画面效果,这是放射性视觉流程;还有一种是通过点和线的引导,将读者的视线从版面四周以类似十字架的方式向版面中心集中,以达到突出重点、稳定版面的效果,我们称之为十字形视觉流程。散点视觉流程  将版面中的图形散点排列在版面的各个位置,呈现出自由、轻快的感觉,我们称之为散点视觉流程。散点视觉流程看似随意,其实并不是胡乱编排的,需要考虑到图像的主次、大小、疏密、均衡、视觉方向等因素。主要分为发射型和打散型。版面中所有的元素按照一定的方向规律向一个焦点集中,这个焦点就是视觉中心,这样的编排叫做发射型;而将一个完整的个体打散为若干部分,重新排列组合,以形成新的形态效果,这样的编排叫做打散型。版式设计的基本程序,明确设计项目,首先需要明确设计项目的主题,根据主题来选择合适的元素,并考虑采用什么样的表现方式来实现版式与色彩的完美搭配。只有明确了设计的项目,才能够准确、合理地进行版式设计。明确传播信息内容,版式设计的首要任务是准确地传达信息。在对文字、图形和色彩进行合理的搭配以准求版面美感的同时对信息的传达也要准确、清晰。我们首先要明白版式设计的主要目的和需要传达的信息,再考虑合适的编排形式。
    在这里插入图片描述
    定位读者群体,版式设计的类型众多,有的中规中矩、严肃工整;有的动感活泼、变化丰富;也有的大量留白、意味深长,作为设计师,不能盲目地选择版式类型,而需要根据读者群体的特点来做判断。如果读者是年轻人,则适合时尚、活泼、个性化的版式;如果读者是儿童,则适合活泼、趣味的版式;如果读者是老年人,则选择规整常见的版式以及交大的字号为适合。因此,在进行设计以前,针对设计的读者群体进行分析定位是非常重要的一个步骤。明确设计宗旨,设计宗旨也就是当前设计的版面要表达什么意思,传递怎样的信息,最终达到怎样的宣传目的。这一步骤在整个设计过程中十分重要。明确设计要求,在商业设计中,进行版式设计需要了解设计的要求,已到达广告宣传的目的。有明确的设计宗旨、明确的主题,并通过文字与画面结合,使人印象深刻,将画面的信息准确、快速的传递给受众,从而促进商品的销售。
    计划安排,在进行设计之前,需要对设计背景进行调查研究,并收集资料、了解背景信息、熟悉背景的主要特征,根据收集的资料进行分析,确定设计方案,然后根据方案来安排设计内容。  设计流程,做出一个设计方案所要经历的过程叫做设计流程,这是设计的关键。想到哪做到哪的方式很可能使设计出现很多漏洞和问题,我们应该按照合理的设计流程来进行操作。

    在这里插入图片描述

    更多相关内容
  • 本书分为三篇,共十七个章节,第一篇从版式设计的基础原理开始,通过版式设计的构图元素、构成法则、图片和文字的编排、网格的应用,逐步深入地讲解版式设计的构图知识;第二篇着重讲解色彩对版式设计的重大影响以及...
  • 版式设计速查模板1000例,适合对版式设计知识匮乏的同学观看。
  • “我总觉得页面不太好看但是我又说不出来”,“我不懂设计,但是我就是觉得不...在UI设计中其实也存在大量的版式设计原理,如果产品和设计都能对版式设计有一定的了解,那么设计师拿到原型的时候,评审设计输出稿的时
  • 版式设计-日本平面设计师参考手册.全彩版
  • 自考《版面设计》,老师给的试题,让多做做,带答案,可以试试,增加考过的机会
  • 版面设计,的原理之一,建立条理,版面设计中“建立条理”的主要规则,一般步骤,贴近和远离,对齐,构成和重复,视线的移动,直线和曲线,重心和平衡,统一字体,《版面设计原理》设计师读书笔记ppt模板。
  • 《网格系统与版式设计》一书通过大量20世纪的经典设计案例,包括包豪斯的平面设计和耐克的产品目录,从构成要素与程序入手,对网格系统做出了通俗易懂的介绍,讲解了网格系统的应用法则,并提供了详细的版式设计步骤...
  • 栅格系统与版式设计

    2018-08-31 13:30:06
    栅格系统与版式设计。文字版式。平面设计
  • 自考《版面设计》课后习题答案,考试前做几套题,有很大的用处。
  • 这《超越平凡的平面设计:版式设计原理与应用》是为每个需要灵感和指导的平面设计师而写,你可以将书中的技巧运用到平面,网页等不同的设计项目中,提升自己的平面设计能力,做出优雅,实用和不凡的版面
  • 教程名称:网页版式设计与配色技巧系列视频课程课程目录:【】网页版式设计与配色技巧(8day)第八天【】网页版式设计与配色技巧第一天【】网页版式设计与配色技巧第七天【】网页版式设计与配色技巧第三天【】网页版式...
  • 版式设计的程序.doc

    2022-06-20 23:24:40
    我们在做版面设计的时候,首先要明确该版面的主题 然后根据主题内容确定版面风格,最后确定各个元素在版面中的编排,版面设计作为加 强信息传达的主要表现手法在设计编排的过程中应该注意其主次结构关系,因此,...
  • 刘痕版式设计2018视频教程站酷画册版式设计模板素材毕业版式设计 刘痕版式设计视频教程是由虎格网整理出品的刘痕版式视频设计2017-2018私教班网格排版视频教程
  • U硬网格型:突出实用性,显得拥挤,而缺少轻松的感觉 U软网格型:随和、开放 U均等型:理性、冷静、平稳、安静、理智 C方版市场型:随和、健康、自由;照片文字自由配置 C自由市场型:扣底版、方版、羽化版随便用 ...
  • 版式设计优秀作品欣赏 设计过程 (DESIGN PROCESS) I’ve always found side projects to be fun, because they enable me to think outside the box about an existing solution, step into a field I’m unfamiliar...

    版式设计优秀作品欣赏

    设计过程 (DESIGN PROCESS)

    I’ve always found side projects to be fun, because they enable me to think outside the box about an existing solution, step into a field I’m unfamiliar with, and most importantly delve into design with no external constraints. After all, side projects are all self-propelled (or jointly propelled, depending on the axis of collaboration) with very little tangible outcomes expected. So its very important to have motive behind on why you are doing a side project. It could be to learn as simple as wanting to learn a new tool, improve on existing tools, dive into a problem that you are passionate about, or to spice up your portfolio.

    我一直发现附带项目很有趣,因为它们使我能够在框外思考一个现有的解决方案,进入我不熟悉的领域,最重要的是,在没有外部约束的情况下进行设计。 毕竟,副项目都是自推进的(或根据协作的轴共同推进),几乎没有预期的实际成果。 因此,有动机去做为什么要进行辅助项目非常重要。 它可能像想要学习一个新工具,对现有工具进行改进,深入研究您热衷的问题或为您的投资组合增添乐趣那样简单地学习。

    Since working at Facebook, I found it very difficult to allocate significant amount of time on side projects. I often found myself too lazy to open my laptop after coming home from office. Yet I felt like I needed a dedicated time to keep learning about different aspects of design.

    自从在Facebook工作以来,我发现很难在副项目上分配大量时间。 我常常从办公室回到家后懒得打开笔记本电脑。 但是我觉得我需要一个专门的时间来继续学习设计的不同方面。

    This coincided with my growing interest in typography.

    这与我对版式越来越感兴趣。

    开始 (Beginning)

    My interest in typography grew due to two factors. One was periodical updates on a crowd-sourced type project called Baram Font by Yong Jae Lee. As Yongjae shared his progress of developing a vertical-native Korean font Baram, I began to realize the level of complexity and constraints that type designers may go through. Unlike latin characters, Korean alphabets morph their size and proportions when combined into characters. Due to this, a typical Korean font would require 3350+ characters to be drawn, which includes 2350+ Korean type variations, 1000+ alphanumerical and special characters. Vertical text format is an antiquated text directionality in East Asia. I found the development of typeset which is designed to be used for vertical typography to be very intriguing.

    我对版式的兴趣来自两个方面。 其中之一是有关Yong Jae Lee的名为Baram Font的众包型项目的定期更新。 在Yongjae分享开发竖向本机朝鲜语字体Baram的过程中 ,我开始意识到字体设计师可能会遇到的复杂性和约束水平。 与拉丁字符不同,韩语字母组合成字符后会改变其大小和比例。 因此,典型的韩文字体需要绘制3350+个字符,其中包括2350+个韩文类型变体,1000 +个字母数字和特殊字符。 垂直文本格式是东亚地区过时的文本方向性。 我发现排版设计的发展非常吸引人,该排版设计用于垂直排版。

    Image for post
    Baram Font Family by Yongjae Lee
    李勇载的Baram字体家族

    As a complete noob in graphic design, I bought books on Korean typography to study them. Then used my spare time to do mini projects. I made my Korean resume in vertically format and designed small posters using this font.

    作为平面设计的完整入门者,我购买了有关韩国印刷术的书籍以进行研究。 然后用我的业余时间做迷你项目。 我用垂直格式制作了韩国简历,并使用这种字体设计了小海报。

    Read more about them here

    在这里 阅读更多关于他们的 信息

    Image for post
    Korean typography books on punctuations, mixed characters, printing techniques, and type designs
    有关标点符号,混合字符,印刷技术和字体设计的韩国印刷书籍

    Another was my daily work in digital product design. Typography is one of the most important aspect of digital product design, because texts are main element of digital product. It is found everywhere — from button, labels, navigations, to contents. The information architecture and layout of digital product can depended on the density of text. Designers often struggle in balancing aesthetics and functionality(legibility) of type in its medium.

    另一个是我在数字产品设计方面的日常工作。 字体设计是数字产品设计中最重要的方面之一,因为文本是数字产品的主要元素。 从按钮,标签,导航到内容,随处可见。 数字产品的信息体系结构和布局可能取决于文本的密度。 设计师经常在平衡媒介的美学和功能性(易读性)方面挣扎。

    “Why don’t we have any user interfaces in vertical format?”

    “为什么我们没有垂直格式的用户界面?”

    问题 (The Question)

    Then I asked myself, why don’t we have any user interfaces in vertical format? Indeed, this was a very stupid question. Vertical text is supported by only certain East Asian characters. And its popularity and presence is diminishing, due to lack of compatibility with alpha-numeric characters in digital medium. From functional aspect, text and their directionalities should deliver optimum readability. We no longer read or write in vertically in daily bases, therefore vertical texts have significantly low legibility and readability. Directionality of text is an acquired preference, as we see that different cultures/regions adopt different directionality (eg, Arabic, Hebrews is written in right to left — RTL).

    然后我问自己,为什么我们没有垂直格式的用户界面? 确实,这是一个非常愚蠢的问题。 垂直文本仅受某些东亚字符支持。 由于缺乏与数字媒体中的字母数字字符的兼容性,它的流行和存在正在减少。 从功能方面来说,文本及其方向应该提供最佳的可读性。 我们不再在日常工作中垂直阅读或书写,因此垂直文本的可读性和可读性非常低。 文本的方向性是一种获得的偏爱,因为我们看到不同的文化/地区采用了不同的方向性(例如,阿拉伯语,希伯来语用从右到左的书写方式-RTL)。

    Image for post
    Textual Directionality difference between horizontal and vertical
    水平和垂直之间的文字方向性差异

    Tracing the history behind wide adoption of horizontal texts, I noticed that the Western influences in globalization has been a critical factor. Western innovation in communication tools such as printing, typewriter, internet, computers, and mobile phone has been made horizontal-native. This naturally led to global adoption of horizontal text.

    追溯广泛采用水平文本背后的历史,我注意到西方在全球化中的影响一直是一个关键因素。 西方国家在通信工具(例如打印,打字机,互联网,计算机和手机)上的创新已成为横向创新。 这自然导致全球采用水平文本。

    Human beings do not live in the objective world alone, nor alone in the world of social activity as ordinarily understood, but are very much at the mercy of the particular language which has become the medium of expression for their society. — Edward Sapir, American linguist

    人类不仅生活在客观世界中,也不生活在通常理解的社会活动世界中,而是完全受制于已成为其社会表达媒介的特定语言。 —美国语言学家爱德华·萨皮尔(Edward Sapir)

    Interestingly enough, the directionality of language is so fundamental to humans, in ways people consume textual content and distribute them. The directionality determines various ways that people communicate; including but not limited to iconography, form factor of medium, and layout of information.

    有趣的是,语言的方向性对于人类来说是如此重要,以人们消费文本内容和分发文本内容的方式。 方向性决定了人们交流的各种方式。 包括但不限于肖像,媒体的形式因素和信息的布局。

    定义 (Defining)

    Yet I felt an urge to try out if current digital medium could showcase vertical texts. This seemed quite an unfamiliar field left with uncertainties. I called my ex-intern buddy Yanlin to get feedback about this idea. Over video call, we talked if we can shape this stupid question into a side project. I was quite excited to pitch it. However, the scope of the project was quite hard to tackle, as we found it hard to define at the early stage of the project. We agreed that this project could branch into many tangible outputs. By defining this work as an exploration, we settled on the idea that we will be taking very scrappy approach to deliver a website that delivers a following thought-provoking message: can vertical type work in user interface? The question lied in understanding when and where vertical type can be appropriate. This allowed us to set the tone of our project and stay away from other issues such as inherent text readability, human input device form factors, and lack of character compatibility.

    但是我感到有一种尝试去尝试当前的数字媒体是否可以展示垂直文本的冲动。 这似乎是一个陌生领域,充满不确定性。 我打电话给我的前实习生好友Yanlin以获取有关此想法的反馈。 通过视频通话,我们讨论了是否可以将这个愚蠢的问题变成一个副项目。 我很高兴提出这个建议。 但是,该项目的范围很难解决,因为我们发现在项目的早期阶段很难对其进行定义。 我们同意,该项目可以分成许多切实的产出。 通过将这项工作定义为一种探索,我们确定了以下想法:我们将采用非常草率的方法来提供一个网站,该网站提供以下发人深省的消息:垂直类型是否可以在用户界面中工作? 问题在于了解何时和何处使用垂直类型是适当的。 这使我们能够确定项目的基调,避免其他问题,例如固有的文本可读性,人工输入设备的外形尺寸以及字符兼容性不足。

    Okay, so… what is Vertically Works?

    好吧,那么...什么是垂直工作?

    Vertically Works is a design exploration on east-asian typography in digital user interface, jointly lead with yanlinma. The project is our attempt at taking vertical text and see if they could work in digital products. We hope to understand if there are cases when vertical user interface could be appropriate in websites, applications, or even larger operating systems.

    Vertically Works 是与 yanlinma 共同领导的在数字用户界面中进行 东亚 印刷术的设计探索 该项目是我们尝试获取垂直文本并查看它们是否可以在数字产品中使用的尝试。 我们希望了解在某些情况下垂直用户界面可能适用于网站,应用程序甚至更大的操作系统。

    合作 (Collaboration)

    It has been a little over a year since we had our very first video call about this project. Part of the reason that this project took a long time was that as full-time designers, it was hard to coordinate time to sync and allocate time to work on this project.

    自从我们进行有关该项目的第一个视频通话以来已经一年多了。 该项目花费很长时间的部分原因是,作为专职设计师,很难协调时间来同步和分配时间来从事该项目。

    Image for post
    yanlinma: Seattle — San Francisco yanlinma进行的环聊通话:西雅图-旧金山

    Most of our conversation took place at bi-weekly calls. We set priorities and planned monthly milestones for how to accomplish the project. Following are key priorities that Yanlin and I divided up to efficiently deliver and track progress.

    我们大部分的谈话是每两周一次的电话。 我们为完成项目设定了优先级并计划了每月的里程碑。 以下是Yanlin和我为有效交付和跟踪进度而划分的关键优先事项。

    • Project brief write-up

      项目简介
    • Translation (Mandarin/Japanese/Korean)

      翻译(普通话/日语/韩语)
    • Vertical App mocks (several applications)

      垂直应用程序模拟(几个应用程序)
    • Logo/Bradning

      徽标/编织
    • Documentation

      文献资料
    • Website Design

      网站设计
    • Signup Website Implementation

      注册网站实施
    • Final Website Implementation

      最终网站实施
    • Medium Blog write-up

      中度博客撰写

    We planned to create a website that would house where we showcase our attempts at questioning the appropriateness of vertical text in user interfaces. It would essentially include our problem statement in different languages, and also include design works and tools to help others rethinking digital user interface in vertical direction.

    我们计划创建一个网站,该网站将展示我们在质疑用户界面中垂直文本的适当性方面的尝试。 它实质上将包括我们用不同语言编写的问题说明,还包括设计作品和工具,以帮助其他人在垂直方向上重新考虑数字用户界面。

    徽标/品牌 (Logo / Branding)

    The branding of vertically works is very literal. As the name implies, Vertically Works means two things. First, we want to see if vertical text in user interface works. Second, we want to gather various works (or attempts) of adopting vertical typography into vernacular digital products.

    垂直作品的品牌非常真实。 顾名思义, 垂直工作意味着两件事。 首先,我们要查看用户界面中的垂直文本是否有效 。 第二,我们希望收集将垂直字体应用于白话数字产品的各种作品(或尝试)。

    Image for post

    We needed a symbol-based logo for Vertically Works, so that it could reinforce vertical aspect, and also so that it could work in non-english settings. The set of vertical writing in Korean, Mandarin, and Japanese were put together. The Logo seemed quite blend as descending blocks. We added the iconic hollow dot replaces period in vertical writing. The logo embraced this as a supplementary graphical element to reinforce vertical setting.

    我们需要在Vertically Works中使用基于符号的徽标,以便它可以增强垂直外观,并且还可以在非英语环境中使用。 韩文,中文和日文的垂直写作组合在一起。 徽标看起来像降序的混合效果。 我们在垂直书写中添加了标志性的空心点替换句点。 徽标将其作为补充图形元素以增强垂直设置。

    Image for post
    Design process of the logo
    徽标设计过程
    Image for post
    Logo variations
    徽标变化

    To use this logo, we’ve also created a signup webpage to get collect people’s interest in this project. The detail of the project was obscured so the signup just communicated that this project is related to vertical text typography.

    要使用此徽标,我们还创建了一个注册网页,以征集人们对该项目的兴趣。 该项目的详细信息被遮盖了,因此注册仅表明该项目与垂直文本排版有关。

    The signup page. Note that we intended to launch this in Spring of 2019 🤦🏻‍♂️
    注册页面。 请注意,我们打算在2019年Spring推出这款产品
    Image for post

    结果 (Outcome)

    We wanted to use vertically.works showcase our journey toward answering questions about vertical user interface. As a first step toward this, we decided to adopt vertical directionality for vertically.works’ desktop layout, with a horizontal scroll from right to left.

    我们想要垂直使用。works展示了我们在回答有关垂直用户界面问题方面的旅程。 作为第一步,我们决定对vertical.works的桌面布局采用垂直方向性,并从右向左水平滚动。

    Image for post
    Website blueprint
    网站蓝图

    The website vertically.works is divided into 4 parts. Introduction, Redesigns, Tools & Documentation, and Teams. In this order, we want to walkthrough our thought process with visitors about the vertically works. We started with a question that became an idea for project. We then tried couple redesigns of existing digital products to understand vertical UI constraints and its validity. We used learnings from this to capture guides and provide tools for designing vertical UI.

    Vertical.works网站分为四个部分。 简介,重新设计,工具和文档以及团队。 按此顺序,我们想与访客一起探讨有关垂直作品的思考过程。 我们从一个问题开始,这个问题已成为项目的构想。 然后,我们尝试对现有数字产品进行几次重新设计,以了解垂直UI约束及其有效性。 我们从中学到的东西可以用来获取指南并提供用于设计垂直UI的工具。

    Here are some of the redesigns to explore compatibility of vertical text in mobile user interface for existing apps. The application are randomly selected, and they are not meant to be taken literally. Rather they are meant to spark discussions around what works and what doesn’t.

    这是一些重新设计,以探讨现有应用程序在移动用户界面中垂直文本的兼容性。 该应用程序是随机选择的,并不是按字面意义使用它们。 相反,它们旨在引发关于什么有效和什么无效的讨论。

    Image for post
    Image for post
    Apple Music
    苹果音乐
    Image for post
    Image for post
    Image for post
    Bible, Uber
    圣经,优步

    Read more here

    在这里阅读更多

    下一步是什么 (Whats Next)

    After speaking with various people about this project, we quickly realized that there are so many ways to extend this project. This is only a beginning of Vertically Works.

    与各种人讨论了这个项目后,我们很快意识到扩展项目的方法很多。 这仅仅是垂直工作的开始

    We believe in collective intelligence.

    我们相信集体智慧。

    With Vertically Works, we would like to encourage and empower more people try designing and thinking about vertical user interfaces. The more we try, the more we will learn about them. As mentioned earlier, dual-axis change in directionality of textual content is truly a radical change in user experience, regardless of its medium. Couple of scopes that we want to further explore are followings. These are a big, big areas that would be super interesting to tackle, and are in random order.

    借助Vertically Works ,我们希望鼓励和授权更多的人尝试设计和考虑垂直用户界面。 我们尝试得越多,我们就会越了解它们。 如前所述,文本内容方向性的双轴更改实际上是用户体验的根本更改,无论其媒介如何。 以下是我们要进一步探讨的几个范围。 这些是一个很大的领域,要处理起来非常有趣,而且顺序随机。

    • N-shaped pattern for vertical text reading (akin to Z-shaped pattern)

      用于垂直文本阅读的N形图案(类似于Z形图案)
    • Design tools to build vertical UI

      设计工具以构建垂直UI
    • Acquired learnability of vertical type

      垂直型习得性
    • Feasibility of vertical UI in spatial environment

      垂直UI在空间环境中的可行性
    • Human input devices for vertical typing

      垂直输入的人工输入设备
    • hardware form factor vertical-native operating system

      硬件形式垂直本机操作系统
    • Definition of vertical-native applications

      垂直本地应用程序的定义
    • Design Framework for converting from horizontal to vertical

      从水平转换为垂直的设计框架
    • Animations and transitional elements in vertical UI

      垂直UI中的动画和过渡元素

    As a first step toward this, we recently had a new member, Jackie Chui, join the team. Jackie has been thinking about building design tools to make vertical UI design accessible and efficient. His first project in the team was building a Figma plugin to convert regular horizontal text box into a vertical one.

    作为实现此目标的第一步,我们最近有一个新成员Jackie Chui加入该团队。 Jackie一直在考虑构建设计工具以使垂直UI设计易于访问和高效。 他在团队中的第一个项目是构建一个Figma插件,将常规的水平文本框转换为垂直文本框。

    闭幕 (Closing)

    For those that found this interesting, and want to be part of our team, please visit vertically.works or @vertically.works and contact us! Like I said, this is just a beginning. We are always looking for team members to collectively design and explore ideas.

    对于那些觉得这很有趣并想加入我们团队的人,请访问vertical.works@ vertically.works,然后与我们联系! 就像我说的,这仅仅是开始。 我们一直在寻找团队成员共同设计和探索想法。

    Wow, there it is. If you actually managed to read all of this, thank you so much. For next round, I’d like to expand on the aforementioned ideas to elaborate on how each ideas can benefit Vertically Works.

    哇,有。 如果您确实设法阅读了所有这些内容,则非常感谢。 在下一轮中,我想对上述想法进行扩展,以详细说明每个想法如何使Vertically Works受益。

    Special thanks to friends and mentors who provided valuable feedback

    特别感谢提供宝贵反馈的朋友和导师

    Yongjae Lee, Kyuha Shim, David Lee, Jae Yeop Kim, Eddy Jung, Brian HK Park

    Yongjae利 Kyuha沉 大卫·李 宰金烨 埃迪荣 布莱恩公园港元

    Find me here — Portfolio | Linkedin | Instagram

    在此找到我- 投资组合 | Linkedin | Instagram

    翻译自: https://uxdesign.cc/vertically-works-design-exploration-on-vertical-typography-75164eed11a8

    版式设计优秀作品欣赏

    展开全文
  • 版式设计事典

    2018-03-06 15:58:34
    版式设计事典这本图集向我们展示了常规设计的美术方案。
  • 本文主要介绍了印制电路板PCB版面设计的步骤
  • Ai版式设计类型

    2022-05-04 09:01:15
    Ai海报板式设计 来了

    海报十三中板式
    1.骨架型
            规范的,理性的分割发放
            板式设计常见的
            
    2.满板型
            版面以图像充满整版,一般多设置为不留白边,俩边或者四边设计出血版
            以图像为主,视觉传达直观而强烈。主要以图像为诉求点,也可将部分位子压叠于图像之上。视觉传达效果直观而强烈。满板型
            
    3.上下分割型
            整个版面分成上下俩比分,在上半部分或下半部分配置图片(可以是单幅或多幅),另一部分则配置文字
            
    4.左右分割式
            整个版面分割为左右俩部分,分别配置左右分割型文字和图片(1:1.618)
            
    5.中轴型
            将图形作水平或垂直方向排列
            文字配置在上下或左右
            
    6.曲线型
            图片和文字,排列成曲线,产生韵律和节奏的变化
            
    7.倾斜型
            版面主体形象或多幅图像作倾斜编排,造成版面强烈的动感和不稳定因素,引人注目
            
    8.对称型
            对称的板式,给人稳定,理性,秩序的感受
            中间辅助,俩边主要
            
    9.重心型
            重心型板式产生视觉焦点,使其更加突出,重心型板式分为三类    
                                                    中心——直接以独立而轮廓分明的形象占据版面中心
                                                    向心——视觉元素向版面中心聚拢的运动
                                                    离心——犹如石子投入水中,产生一圈一圈向外扩散的弧线运动
            
    10.三角型
                    在圆形,矩形,三角形,等基本图型中,正三角形(金字塔型)最具有安全稳定因素
                    
    11.四角型
                    版面四角以及连接四角的对角线结构上编排图形,给人严谨,规范的感觉
            ​​​​​​​        
    12.并置型
                    将相同或者不同的图片作大小相同而为之不同的重复排列
            ​​​​​​​        
     13.自由型
                    无规律的,隐藏的编排构成
                    有活泼,轻快的特点
                    俩到三种板式结合
            ​​​​​​​        

    黄金比例比例尺





     

     

     

     


     


     什么是黄金比例,并如何应用到设计上? | 设计达人吉萨金字塔和达芬奇传世画作《蒙娜丽莎》与 Twitter 和 百事之间的共同点是什么?他们的设计都是基于黄金分割的啊!黄金分割是一个数学比例。我们在大自https://www.shejidaren.com/golden-ratio-2.html

    ​​​​​​​
     

     

    展开全文
  • 报纸版面设计常识.doc

    2020-04-17 22:35:52
    报纸额版面设计知识。报纸开张、报纸版面、区序强势、标题无正文的位置关系、题与文的长度关系、标题自身排列的形式、标题与正文的位置关系等。
  • 平面设计构成版式设计(完美全版) .pdf
  • 版式设计总结

    千次阅读 2019-04-28 14:58:48
    从第一点开始版式设计是什么,版式设计是将文字、图片等元素在版面调整,使版面布局条理化的过程。一般来说,通过排版,让人们更容易阅读、接受这些提供给他们的资讯。版式设计是现代设计是所必备的基本功之一。前面...

    (撰写时间:4月27日 作者:吴家丰)
    从第一点开始版式设计是什么,版式设计是将文字、图片等元素在版面调整,使版面布局条理化的过程。一般来说,通过排版,让人们更容易阅读、接受这些提供给他们的资讯。版式设计是现代设计是所必备的基本功之一。前面这句活是不是感觉很高大上,其实通俗一点说法就是如何把要展现的信息和图片进行摆放然后让人感觉十分高大上给人很流弊的感觉第二点版式设计的应用范围,这个东西就广了,基本上人们看到东西都能进行版式设计,就挑一西例子来说吧:报纸、刊物、书籍、画册、挂历、网页、产品样本、企业年报、海报、封套、包装等等这些都是

    版式设计的应用范围第三点版式设计的基本元素这个大家应该都知道的无非就是点、线、面,这些东西面太广了你要我说我也说不清楚,但总的来说就是不管版面的内容与形式如何复杂,但最终可以简化到点、线、面上来。它们相互依存,相互作用,组合出各种各样的形态, 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述
    构建成一个个千变万化的全新版面。第四点版式设计的形式原理原理,这些原理一共分八类分别是重复交错、节奏韵律、对称均衡、对比调和、比例适度、变异秩序、虚实留白、变化统一。
    先从第一类开始重复交错,设计的使用一些重复的东西来给人一中安定、整齐、规律的统一,一会给人这些东西是一套的,但也会让人感觉到枯燥,给人不想继续阅读的感觉,所以说需要在重复中添加一些具有新意的东西让整个画面不要先得太过平淡,这也是这个类别为什么是重复交错而不是重复的原因

    第二类节奏韵律,这个类型来自于音乐概念,这个类型就是通过一定的条理、秩序、重复连续的排列,形成一种律动形式,好让整个画面看起来有种动态的感觉,可以增加版面的感染力,开阔艺术的表现力。
    在这里插入图片描述
    第三类对称均衡这个类别就比较经典的也是非常常见的,就是按照名称理解就行了,他的形式有以中间为轴心的左右对称,和水平线为基准的上下对称和以对称点放射对称还有一对称面出发的反转形式。这个类型会给人一种稳定、庄严、整齐、秩序、安宁、沉静感觉。
    在这里插入图片描述
    第四类对比调和:对比作用是让你想表达东西让人们首先看到,而产生这种因素的东西分别有大小、明暗、黑白、强弱、粗细、疏密、高低、远近、硬软、直曲、浓淡、动静、轻重等等。调和是指适合、舒适、安定、统一、是近似性的强调,两者相辅相成,不管是缺少对比或调和都会让换面主次不分或不协调
    在这里插入图片描述
    第五类比例适度:比例是形的整体与部分以及部分部分之间的一种比率,掌握好比例会让你排版设计中先天性站在不败之地,他会让你的排版从视觉上适合读者的视觉心理。比例适度,通常具有秩序的特点。
    在这里插入图片描述
    第六类变异秩序:效果跟对比重复交错中的交错的有点类似都是在秩序中寻求图片,让人们的目光率先注意到它
    在这里插入图片描述
    第七类留白:留白就是通过留下大量的空白给人想象的空间,这一类型很容易就会让人们产生一种高大上的感觉
    在这里插入图片描述
    第八类变化统一:变化是想象的表现,统一是秩序的表现,它两的组合是版面构成最根本的要求,
    在这里插入图片描述
    第五点排版最重要的四个要点对齐、亲密、重复、对比。通过对比来突出主题,让用户第一眼注意到你想要表达的东西,通过重复来让人们感觉你做的东西是一套的,亲密会使人迅速的让人分清内容,对齐会让画面简洁大方。第六点文字在版面中的注意事项,海报一类的字体大小没有太大的要求,字体大小可以出现比较大的差距,如果是网站一类的字体大小的差距应该是为2号,多为14号、16号和12号。第八点:版式设计的基本步骤:第一步确认主体:明确的知道自己想要表达的信息,第二步收集信息:则一部分包括找参考查看同类型的设计风格,收集用于创作的素材。第三步确定类型:确定版面上的视觉元素的布局、风格。第四步设计制作使用软件工具进行制作如ps一类。
    这就是我通过阅读老师给的版式设计的总结

    展开全文
  • 版式设计原理 图书

    2018-04-23 22:03:02
    版式设计原理 版式设计原理 设计专业丛书,版式设计必备选择!
  • 版式设计分析

    万次阅读 2019-06-18 16:09:42
    版式设计分析 现在由我来和大家分享下排版设计。先来分析一下几种作品几的排版 一、上下分割型 第一张版面是分为上下两部分,显示出活力的氛围,文字显得轻易而自由可以分栏撰写 ,上下分割对于排版毕竟容易操作,...
  • 《超越平凡的平面设计:版式设计原理与应用》是美国著名平面设计师John McWade的第二本有关平面设计的著作。与《超越平凡的平面设计——怎样做好版式》一样,《超越平凡的平面设计:版式设计原理与应用》也是享誉全球...
  • 页面版式设计

    2021-06-12 17:59:39
    虽然动态网页技术的发展使得我们开始趋向于学习场录编剧,但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是互通的,读者可以领会其要点,举一反三。版面指的是浏览器看到的完整的一个页面(可以...
  • 版式设计原理与应用

    2014-12-26 14:51:58
    设计师排版必读 心水分享知名读物 让你再也不用烦恼排版啦

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 35,611
精华内容 14,244
关键字:

版式设计

友情链接: wp-ultimo(4).zip