美文网首页
Day023 - Activity Details

Day023 - Activity Details

作者: 小和 | 来源:发表于2015-12-21 18:04 被阅读61次

设计思路:

1、这个界面主要是浏览用途,然后引导用户进入“估”界面。

2、主要是考察设计师的排版功底,怎样经过版式设计,让画面规整协调,易于浏览。

3、首先,我给这个界面左右两则分别留出40px的安全距离,一是文字距离边界近不易于浏览,很拥挤的感觉,苹果自带的应用都留出40px以上的安全距离。二是与左上角的返回对齐,画面会更加规整。

4、文字使用“两侧对齐”,这样在两侧形成一条看不见的线,这样就避免了文字与标点符号在段落右侧造成的不整齐,使整个画面看起来非常的整齐。

5、文字使用PingFang -SC,细线体。因为较细的字体给人优雅、轻松、亲切、安静、没有进攻性的感觉,较适合艺术品相关的应用。而较粗的字体则会给人以力量感、进攻性、踏实、厚重、实力的感觉。

6、标题使用40pt,正文使用32pt,有考虑过使用网易新闻那样的36pt。但发现文字过大会给人大大咧咧、宽广但不够精巧的感觉。反复权衡后最终决定使用更加精巧优雅的32pt。

7、图文混排,需要每隔一段文字就放一张图片,一个手机屏幕最多能看到两张图片。这样做的原因:a、缓解用户看文字的视觉疲劳。b、在视觉上形成段落感,让用户心理上感受看到一张图片就仿佛看完一个段落了,心理上轻松了一大截。c、用图片来表达一定的文字含义,即使不看文字也能了解到一些相关信息,帮助用户判断要不要看文字。当然图片若很出彩,那么也会吸引用户看文字。

相关文章

  • Day023 - Activity Details

    设计思路: 1、这个界面主要是浏览用途,然后引导用户进入“估”界面。 2、主要是考察设计师的排版功底,怎样经过版式...

  • Day014 - Activity Details

    由于网络原因,活动及商品用户需要限制大小。位图是由点阵组成,是由许多个像素点组成的,每一个像素点点即影响这张位图的...

  • Day021 - Activity Details

    这个界面也是前天的那个项目,现在又拿出来反复修改,尝试了不同风格,改了5个小时,改来改去最后又改回了原样。 设计思...

  • Details

    “我徒弟真的很勤奋啊!” “我徒弟还在睡觉呢!” “哈哈,你徒弟那是随他师傅。” “我是嫁鸡随鸡嫁狗随狗。” “哦...

  • Details

    1.他知道我有段时间喜欢吃烧卖。大冬天,有一天晚自修他去外面补课回来,本来咱俩有点小矛盾,他回来之后把围巾揉成一坨...

  • details

    格式: 概要信息 详细信息 作用:利用summary标签描述简要信息,利用details标签描述详细信息,默...

  • EF details & Gain details

    EF详细信息 EFCoeff 详细信息 增益详情 子控制器详细信息 外部输入详细信息 外部输出详细信息 原文:EF...

  • DAY023

    Do not impose on others what you yourself do not desire.—...

  • Day023

    You may question what a say, but you will believe what I ...

  • The Importance of Details

    April 22, 2014 Overcast Tuesday Recently I ...

网友评论

      本文标题:Day023 - Activity Details

      本文链接:https://www.haomeiwen.com/subject/levmhttx.html