优秀的主页设计

来源:互联网 发布:js 点击保存图片 编辑:程序博客网 时间:2024/05/01 02:25

前端时间和同学一起完成一个项目,在项目答辩的时候发现一个通病,设计问题。虽然在我看的时候,那个页面很华丽,图片很多等,但是这些对于 设计而言都是累赘,一个优秀的设计有很多细节,所以今天博客学习一下优秀的主页设计,希望有所收获。


现代主页设计应包含的基本要素:

有效的介绍你的公司。


一个主页最重要的部分在于它能否有效地吸引访客的注意力。所以关键在于,你的主页能否在几秒钟内解答访客心中的三大疑问:
1.这是个什么性质的公司?
2.这个公司具体是做什么的?
3.和竞争对手比,你的优势在哪?


许多企业有其独特的标语或简短的口号,用以凸显其价值主张(UVP)。他们通过简练的语言传达出公司理念,与访客建立起一种联系。所以这些标语经常出现在主页上,并大量地用于公司的品牌营销策略。


自适应,简约的设计

自适应设计意味着无论通过什么设备接入你的网站,用户的体验是相同的或非常相似的。首先,导航要设计的方便,使得用户可以快速浏览不同的页面;其次,功能需要类似,这样用户无需切换设备即可访问网站的全部功能;最后,设计要简单,这样才能确保你的设计在不同尺寸的屏幕上都可以清晰地传达。


一个风格一致且响应及时的网站将有助于保持品牌的知名度,为访问者跨平台与公司保持联系提供方便。


动态感,互动性和联系性

人们更倾向于记住那些能调动他们情绪的事情。将这个窍门应用到你的主页设计上可以为访问者创造一种非凡的体验。


在页眉和页脚加迷你动画这样的小细节,也是提高用户体验的不错选择。


简单、流畅的导航

巧妙且直观的主页设计首先应该使用简单的导航,通过颜色和对比度等视觉分隔手段来打造易于识别的菜单。其次,不同页面标签之间应具有合理的逻辑关系,这样用户才能快速找到导航选项卡或按钮的位置。


选定之后产生一些视觉变化(如:突出显示,对比度或颜色更改)可以带来不一样的效果。


适当加入号召性用语

现代主页通过具体的号召性用语(CTA)吸引访客注意,例如“立即注册”、“加入我们”、“免费试用”、“立即订阅”等等,这里有一些可以增加点击率的CTA示例


和时代标准保持一致

采用极简主义手段构建框架,并在定位元素和色板选择上加入更多创意,设计师们通过玩转设计创造振奋人心的新标准。


尽管如此,大多数现代网站通常还是由以下部分组成:

创意的布局
相关CTA用语
巧妙运用的留白
令人愉悦的配色
合适的字体元素
高互动性、大片式用户体验
悦耳的背景音乐

优秀的网页设计案例:

  1. Plex.tv
    2.SLACK
    3.Dropbox
    4..STORYTRAIL
    5.MEETTHEGREEK
    6.FORHONOR
    7.ENJOY-AIIA
    8.TRELLO
    9.SOUNDCLOUD
    10.IGEGROUP
    11.SAGMEISTERWALSH
    12.POTTERMORE
  2. 2050.EARTH
    14.TIPCOW
    15.MATCHA
    16..SUBSIGN
    17.ILIKETOFU
    18.STUDIOLOVELOCK
    19.JACQUICO
    20.VALAIRE

原文作者:ANNA CHEBANOVA
原文地址:

http://steelkiwi.com/blog/how-design-great-homepage-examples/

原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 亲人欠网贷还不上现在病重怎么办 亲人欠网贷现在病重怎么办 小孩子大嘴巴病怎么办 小孩子有心胀病怎么办 小孩子有胃痛病怎么办 大修基金用完了怎么办 基金买错了怎么办 基金公司倒闭了怎么办 桔子分期有风险怎么办 想买vivox21没钱怎么办 中介收钱不办事怎么办 手机应用程序几个运行怎么办 网上彩票是骗局怎么办 辞职后不想辞职怎么办 口头辞职后悔了怎么办 纸质承兑丢了怎么办 天天利财倒闭怎么办 网络理财平台诈骗怎么办 银行理财产品到期后怎么办 30岁没工作怎么办 理财投资被骗了怎么办 支付宝不想收钱怎么办 信融财富逾期怎么办 拼多多砍价上限怎么办 肺功能只有50%怎么办 办小商店营业执照怎么办 悉尼退税未到账怎么办 筋斗云钱包余额怎么办 在监狱得了癌症怎么办 国外客户不付款怎么办 日上免税店超额怎么办 淘宝评价被删怎么办 个人集资不还怎么办 淘宝达人扣54分怎么办? 微信声音关不掉怎么办 微信头像换不掉怎么办 快件到了不签收怎么办 收货地址改不了怎么办 牛排解冻出血水怎么办 有混合型眼袋怎么办 眼睛疼眼袋肿怎么办