焦点图设计思路分析（无线端店铺装修文字失真，例如焦点图608*304尺寸都是在PS软件上按要求尺寸新建，再加文字，在P）

本文目录

• 无线端店铺装修文字失真，例如焦点图608*304尺寸都是在PS软件上按要求尺寸新建，再加文字，在P
• iOS 四种iPhone屏幕适配方案（借鉴）
• 手机端淘宝店铺怎么装修设计
• 定稿在线设计怎么做-PPt电子板报怎么做

无线端店铺装修文字失真，例如焦点图608*304尺寸都是在PS软件上按要求尺寸新建，再加文字，在P

首先搞明白我们为什么要装修无线店铺？
1、提升店铺品牌调性
2、提升店铺成交转化率
3、符合大众高要求的审美观
4、扩大无线运营平台，沉淀数据
5、在智能机普及的大背景下，顺应时代的前进。
下面就和大家说说手机淘宝店铺首页装修的问题。
1.店招设置。图片要求：尺寸是640*336、像素100KB以内。店招主要的作用就是介绍店铺的名字和店铺的主营产品，让买家看到店招之后就知道店铺里主要是经营什么产品的，也确定了整个店铺的整体风格。
2.焦点图模块。图片要求：尺寸是608*304、像素在100kb以内、数量2。通过焦点图可以设置我们的活动页面，分类页面，近期店铺的一个活动和主推宝贝都可以放到里面。
3.双列图片。图片要求：尺寸是296*160、像素在100kb以内。这个双列图片的作用非常大，也是店铺非常重要的一个传送门设置，它能够快速的让顾客找到他们想要的商品，所以这个模块最好是放上店铺热销的商品，以促进销量的提升。
4.左右图文。图片要求：尺寸是608*160、像素在100kb以内。这个设置可以设置成单品的活动页面也可以设置店铺的优惠劵，让用户第一之间看到我们的店铺的一个活动展示。
5.标题文本块。可以是店铺的热卖新品或是特价促销广告语，吸引买家的一个传送入口。
6.文本模块。这个可以把我们店铺产品的一个风格定位，产品的人群，以及产品的主推的一些优势放到上面，让顾客产生购买的欲望。
7.辅助线。就是可以区分宝贝分类的一些区域，增加用户体验。
8.宝贝模块。可以把自己的主推宝贝排版自动推荐丶手动推荐丶自定义。
其实装修一个手机淘宝店铺的首页就是这么简单，大家只要花点心思去找点图片素材，稍微剪裁一下图片，一个完美的手机店铺首页的装修就出来了。
9、自定模块，商家可以按照自己的需求，自己设计自己排版

iOS 四种iPhone屏幕适配方案（借鉴）

Come on! 来看看 主流的适配方案吧
随着苹果发布两种新尺寸的大屏iPhone 6，iOS平台尺寸适配问题终于还是来了，移动设计全面进入“杂屏”时代。看看下面三款iPhone尺寸和分辨率数据就知道屏幕有多杂了。

当然除了这三种还有iPhone4 屏幕是 640*960,加起来就有四种屏幕了，你有没有感觉很复杂，发过愁吗，我们来慢慢分析下
加上Android生态中纷繁复杂的各种奇葩尺寸，现在APP设计开发必须考虑适配大、中、小三种屏幕。所以如何做到交付一套设计稿解决适配大中小三屏的问题？设计和开发之间采用什么协作模式？一个基本思路是：

1、选择一种尺寸作为设计和开发基准；

2、定义一套适配规则，自动适配剩下两种尺寸；

3、特殊适配效果给出设计效果。
来看一下手机淘宝的iPhone 6/iPhone 6 Plus采用的协作模式，再慢慢说明原委。

第一步，视觉设计阶段，设计师按宽度750px（iPhone 6）做设计稿，除图片外所有设计元素用矢量路径来做。设计定稿后在750px的设计稿上做标注，输出标注图。同时等比放大1.5倍生成宽度1125px的设计稿，在1125px的稿子里切图。

第二步，输出两个交付物给开发工程师：一个是程序用到的@3x切图资源，另一个是宽度750px的设计标注图。

第三步，开发工程师拿到750px标注图和@3x切图资源，完成iPhone 6（375pt）的界面开发。此阶段不能用固定宽度的方式开发界面，得用自动布局（auto layout），方便后续适配到其它尺寸。

第四步，适配调试阶段，基于iPhone 6的界面效果，分别向上向下调试iPhone 6 plus（414pt）和iPhone 5S及以下（320pt）的界面效果。由此完成大中小三屏适配。
为什么选择iPhone 6作为基准尺寸？
当面对大中小三种屏幕需要适配的时候，很容易想到先做好一种屏幕，再去适配剩下两种屏幕。第一个决定是到底以哪种屏幕作为设计和开发的基准尺寸。我们选择中间尺寸的iPhone 6（750px/375pt）作为基准，基于几个原因：
1、从中间尺寸向上和向下适配的时候界面调整的幅度最小。375pt下的设计效果适配到414pt和320pt偏差不会太大。假设以414pt为基准做出很优雅的设计，到320pt可能元素之间比例就不是那么回事了，比如图片和文字之间视觉比例可能失调。

2、iPhone 6 plus有两种显示模式，标准模式分辨率为1242x2208，放大模式分辨率为1125x2001（即iPhone 6的1.5倍）。可见官方系统里iPhone 6和iPhone 6 plus分辨率之间就存在1.5倍的倍率关系。很多情况下这两种尺寸可以用1.5倍直接等比适配。
3、1242x2208这个奇葩的数值是苹果官方都不愿意公开宣传的一个分辨率，不便于记忆和计算栅格。640x1136虽然是广泛应用的一个分辨率，但是大屏时代依然以小尺寸为设计基准显然不合时宜，设计师会停留在小屏的视角做设计。

所以，iPhone6的750x1334是最适合基准尺寸。

只交付一套设计稿，默认用什么规则来适配？

前文提到适配策略是先选择iPhone 6作为基准设计尺寸，然后通过一套适配规则自动适配到另外两种尺寸。这套适配规则总结起来就一句话：文字流式，控件弹性，图片等比缩放

控件弹性指的是，navigation、cell、bar等适配过程中垂直方向上高度不变；水平方向宽度变化时，通过调整元素间距或元素右对齐的方式实现自适应。这样屏幕越大，在垂直方向上可以显示更多内容，发挥大屏幕的优势。

按照上述默认适配规则，大中小三种屏幕显示效果均相同。有时候想在大屏幕显示更多内容，需要设计出特殊适配效果。比如App store首页焦点图，从iPhone 6适配到iPhone 6 plus时焦点图尺寸和排版做了特殊处理。底下应用列表也从一排3+个变成一排4+个，真正实现了大屏幕显示更多内容的理念。这些就需要设计师给出相应设计稿。

读完你懂了吗，如果有疑问，欢饮留言跟我讨论╰(￣▽￣)╮

原文地址

手机端淘宝店铺怎么装修设计

首先，在浏览器上输入(wuxian.taobao)，点击“立即进入”。

点击左侧的无线装修-页面管理-去装修，进入首页装修页面;

在界面左侧选择组成模块类型，中间模拟手机进行实时预览，右侧模块内容。总共有14个模块可供选择，首页至多可添加12个模块。

一、关于店铺首页的装修教程

1、单列宝贝模块添加步骤

(1)拖动左侧模块到中间预览页面上;

(2)模块内容：

选择自动推荐的话，根据价格区间关键词、排序规则(上新、销量、价格)、宝贝类目等自动添加宝贝;

选择手动推荐，点击加号来单个添加;

跳转到宝贝页面后，点击添加宝贝即可;

(3)添加其余内容并确认;

2、焦点图模块添加步骤

(1)将左侧焦点图模块拖动到中间预览页面上;

(2)点击页面右侧添加图片栏的“”号选择图片;

既可以上传新图片，也可以在图片空间选择;

(3)点击链接在链接小工具中选择添加的链接页面;

(4)点击“新增列表”可以添加至多4张焦点图，重复添加图片、链接的操作;右侧箭头可以调换轮播图顺序。

(5)效果展示：在店铺首页左右滑动可以查看不同图片，点击可进入相应页面;

3、搭配套餐模块添加步骤

把左侧的搭配拖动到中间预览页面上即可，系统会自动调取店铺已经使用的搭配套餐进行前台展现。

二、其他页面装修教程

1、点击“无线装修-页面管理-自定义页面-新建页面”，新建活动页面;

2、输入新建页面名称以方便管理(至多十个字);

3、活动页所有模块内容与方法都与首页装修一致(活动页面至多添加20个模块)。

4、活动页面的接入位置

首先，完成活动页面的之后复制活动页地址;长链和短链在无线运营中心中同样有效，短链还可以用于短信宣传。

自定义菜单主菜单“添加动作”或在子菜单中添加。

a选择动作名称为“链接”并手动粘贴链接;此处可以添加在无线运营中心中创建的活动页面。

b选择动作名称为“自定义页面后”，可以再下拉菜单中选择用一阳指创建的活动页面。

定稿在线设计怎么做-PPt电子板报怎么做

【转】一套iOS平台设计稿，搞定界面适配

加上Android生态中纷繁复杂的各种奇葩尺寸,现在APP设计开发必须考虑适配大、中、小三种屏幕。所以如何做到交付一套设计稿解决适配大中小三屏的问题?设计和开发之间采用什么协作模式?一个基本思路是:

1、选择一种尺寸作为设计和开发基准;

2、定义一套适配规则,自动适配剩下两种尺寸;

3、特殊适配效果给出设计效果。

手机淘宝的iPhone6/iPhone6Plus适配版本即将提交Appstore审核。先晒一下我们采用的协作模式,再慢慢说明原委。

第一步,视觉设计阶段,设计师按宽度750px(iPhone6)做设计稿,除图片外所有设计元素用矢量路径来做。设计定稿后在750px的设计稿上做标注,输出标注图。同时等比放大1.5倍生成宽度1125px的设计稿,在1125px的稿子里切图。

第二步,输出两个交付物给开发工程师:一个是程序用到的@3x切图资源,另一个是宽度750px的设计标注图。

第三步,开发工程师拿到750px标注图和@3x切图资源,完成iPhone6(375pt)的界面开发。此阶段不能用固定宽度的方式开发界面,得用自动布局(autolayout),方便后续适配到其它尺寸。

第四步,适配调试阶段,基于iPhone6的界面效果,分别向上向下调试iPhone6plus(414pt)和iPhone5S及以下(320pt)的界面效果。由此完成大中小三屏适配。

为什么选择iPhone6作为基准尺寸?

当面对大中小三种屏幕需要适配的时候,很容易想到先做好一种屏幕,再去适配剩下两种屏幕。第一个决定是到底以哪种屏幕作为设计和开发的基准尺寸。我们选择中间尺寸的iPhone6(750px/375pt)作为基准,基于几个原因:

1、从中间尺寸向上和向下适配的时候界面调整的幅度最小。375pt下的设计效果适配到414pt和320pt偏差不会太大。假设以414pt为基准做出很优雅的设计,到320pt可能元素之间比例就不是那么回事了,比如图片和文字之间视觉比例可能失调。

2、iPhone6plus有两种显示模式,标准模式分辨率为1242x2208,放大模式分辨率为1125x2001(即iPhone6的1.5倍)。可见官方系统里iPhone6和iPhone6plus分辨率之间就存在1.5倍的倍率关系。很多情况下这两种尺寸可以用1.5倍直接等比适配。

3、1242x2208这个奇葩的数值是苹果官方都不愿意公开宣传的一个分辨率,不便于记忆和计算栅格。640x1136虽然是广泛应用的一个分辨率,但是大屏时代依然以小尺寸为设计基准显然不合时宜,设计师会停留在小屏的视角做设计。

所以,iPhone6的750x1334是最适合基准尺寸。

只交付一套设计稿,默认用什么规则来适配?

前文提到适配策略是先选择iPhone6作为基准设计尺寸,然后通过一套适配规则自动适配到另外两种尺寸。这套适配规则总结起来就一句话:文字流式,控件弹性,图片等比缩放。

控件弹性指的是,navigation、cell、bar等适配过程中垂直方向上高度不变;水平方向宽度变化时,通过调整元素间距或元素右对齐的方式实现自适应。这样屏幕越大,在垂直方向上可以显示更多内容,发挥大屏幕的优势。

按照上述默认适配规则,大中小三种屏幕显示效果均相同。有时候想在大屏幕显示更多内容,需要设计出特殊适配效果。比如Appstore首页焦点图,从iPhone6适配到iPhone6plus时焦点图尺寸和排版做了特殊处理。底下应用列表也从一排3+个变成一排4+个,真正实现了大屏幕显示更多内容的理念。这些就需要设计师给出相应设计稿。

1、确认目标用户:

在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

2、采集目标用户的习惯交互方式:

不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。

当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。

3、提示和引导用户:

软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。

4、一致性原则:

软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。

例如:如果以电脑操作初级用户作为目标用户,以简化界面逻辑为设计目标,那么该目标需要贯彻软件(软件包)整体,而不是局部。

5、可用性原则:

软件要为用户使用,用户必须可以理解软件各元素对应的功能。

比如:删除操作元素。用户可以点击删除操作按钮,提示用户如何删除操作或者是否确认删除操作,用户可以更加详细的理解该元素对应的功能,同时可以取消该操作。

扩展资料

UI设计师的职能大体包括三方面:

一是图形设计,软件产品的“外形”设计。

二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。

三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。

如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来极大的风险。

-UI设计

1、新建PPT文件,可以自行命名。

2、打开PPT,新建幻灯片。

3、选择设计,点击页面设置。

4、按照要求设置高度和宽度,也就是制作墙报所要求的宽高,点击确定。

5、标题正上方标明会议名称,下面是报告题目,作者,作者单位,接下来是研究意义,实验设计。

6、往下是结果与讨论和结论。

7、最后往上填写内容就OK。