首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何设计一个在桌面上看起来不太好的网站(从移动设计)

设计一个在桌面上看起来不太好的网站可以通过以下几个方面来实现:

  1. 响应式设计:在移动设计的基础上,不对桌面端进行适配和优化,使得网站在桌面上显示效果不佳。可以通过不使用媒体查询、不设置桌面端样式等方式来实现。
  2. 使用移动端布局:将网站的布局设计为适用于移动设备的单列布局,不考虑桌面端的多列布局。这样在桌面上显示时,页面元素会显得过于简单和拥挤。
  3. 缩小字体和图标:将字体和图标的大小设置为适用于移动设备的尺寸,不进行桌面端的调整。这样在桌面上显示时,字体和图标会显得过小,不易阅读和点击。
  4. 不使用高分辨率图片:在移动设计中,为了提高加载速度和节省带宽,通常使用低分辨率的图片。在桌面上显示时,这些低分辨率的图片会显得模糊不清,影响用户体验。
  5. 忽略桌面端的交互效果:在移动设计中,为了提高性能和简化操作,通常会减少或省略一些交互效果,如悬停效果、动画效果等。在桌面上显示时,这些交互效果的缺失会使网站显得单调和不够生动。

需要注意的是,设计一个在桌面上看起来不太好的网站并不是一个良好的实践,因为用户体验是设计的核心目标之一。一个好的网站应该能够在不同设备上提供一致且良好的用户体验。

相关搜索:设计一个ASP.net网站 - 我如何让它看起来不错?在桌面上,如何查看网站移动版的源代码Power BI -我可以在导入期间在Power BI桌面上运行多个查询吗?这是一个糟糕的设计吗?如何创建一个带有截断边角和阴影的长方体?(盒装网站设计)在C#中从另一个工厂调用工厂的简单工厂设计?如何在不手动移动控件的情况下,在设计时将控件放在前面?当用户在我的网站上设计他们的页面后,如何提取完整的样式的整个html?设计一个可以在浏览器中运行的基于Web的游戏 - 我应该从哪里开始?需要添加一个视频在我的顶部-包装器,请教我如何设计css如何设计一个程序来查找从1到N的整数和,其中N是在键盘上读取的值?如何设计网页尺寸,以便任何网站访问者可以在一个标准打印机页面上打印?如何创建一个原生应用,根据从API中获取的名称来选择和设计图表?我在Bootstrap 4中设计了一个页脚,桌面版的效果很好。但在移动版本中,它不是居中的如何使用ReactJs设计一个像电子商务网站一样的通用过滤器?如何加载一个图片的url到一个图片视图,其中的图片视图设计声明在一个线程内?如何设计一个访问多个地点的任务,并在每个地点处理移动平台上的一些计算机视觉任务?我如何设计一个查询来显示我在Parse (Android)中“关注”的其他用户的内容?在MC架构中,相互引用会导致内存泄漏。我如何改变一个好的设计程序?如何设计一个python2.7代码,在字典中存储以下对:给定列表的项=该项是否为回文如何在我的网站上创建一个在移动设备上打开电子邮件客户端的按钮
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何设计一个简单网站首页

问题描述 网站首页是一个网站入口网页。对于一个网站了解往往是通过他首页。首页主要作用就是引导互联网用户浏览网站其他部分内容。网站首页上展现这部分内容一般被认为是一个目录性质内容。...首页作用是一个网站内容汇总和索引,首页上有很多图标和链接,栏目也比较多,就像以一个住宅大门一样,由此通往各个模块,首页是网站必需,不可或缺。 解决方案 设计网页时候我们需要考虑很多因素。...当然关于本网站相关信息即文字和图片这也当然必须有。此外我们还可以根据情况及网页设计需求考虑对于本网页设计我们是否需要分栏。 网页设计框架有很多种,具体使用哪种就要结合网站需要,进行选择了。...在你计算机里看起来相当好页面,一个不同平台上看起来可能非常糟糕。...一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊字体,但是仍需要一些变通方法,以免你所选择字体访问者计算机上不能显示。所以设计网页时一定要考虑浏览器兼容性问题。

2.4K20

高并发架构系列:如何0到1设计一个类DubboRPC框架

比如:“如何0到1设计一个DubboRPC框架”,其实主要考验两点: 你对RPC框架底层原理掌握程度。 以及考验你整体RPC框架系统设计能力。...03 如何设计一个RPC框架 前面优知mikechen提到了RPC核心目标:主要是解决分布式系统中服务之间调用问题。...比如:zookeeper中,进行服务注册,实际上就是zookeeper中创建了一个znode节点,该节点存储了上面所说服务信息。...当消费者调用服务时,不会再去请求注册中心,而是直接通过负载均衡算法IP列表中取一个服务提供者服务器调用服务。...总之,要实现一个RPC不算难,难是实现一个高性能高可靠RPC框架,后续将剖析Dubbo,看看Dubbo是如何来解决。

1.1K40
  • 如何一步一步用DDD设计一个电商网站(十一)—— 最后准备

    整个流程来看,这里需要用户填写信息是最多,那么在后端设计如何考虑到业务边界划分,和相互之间交互复杂度,又是我们需要考虑地方。...,大部分场景下只是现有地址中做一个选择,所以收货地址更接近于用户域而不是购买域,购物车管理可以理解为一个快捷方式而已。   ...好了接下来就是其中涉及到领域模型设计,这里需要纠正一个之前错误,之前设计中把余额直接放到了User这个值对象中,并且是用户上下文获取,现在看看当初设计不是很妥当。...这里涉及所有领域模型UML图如下图1所示: ? 【图1】   其中值对象都是远程上下文获取,所以这里购买上下文里只是使用了其一个副本。...是保持了一个对Coupon聚合ID引用,需要时候Repository中取出Coupon信息。

    71030

    如何一步一步用DDD设计一个电商网站(十)—— 一个完整购物车

    2.约束了外部只能通过Product对象来进行商品添加,这样Product构造函数中约束在这里无需再次验证(如salename不能空等)。 三、梳理   目前购物车中操作上方法只有一个。...那么自然引出了一个概念——收藏夹。看下最新UML图,如图2所示: ? 【图2】   我想会有一部分同学设计收藏夹(Favorites)时候会以另外方式来做,比如像下图3这样: ?...【图3】   这里我认为这样考虑原因可能是由于DBFirst思想导致,因为图2中“收藏夹”仅仅是维护了一个“用户”与“收藏项”之间关系,那么只要在“收藏项”上增加一个UserId就直接可以省去了这一层关系...并且在这个场景下,我个人观点认为,收藏商品其实只是为商品展示途径中增加了一种途径而已,所以它应该被设计为独立存在,由它自身来管理这些“被收藏商品”,它存在与否都不影响其它领域对象。...,保证在业务产生变动之后历史数据DB取出来时候经过一次最新业务验证,确保数据流转过程中合法性。

    85630

    如何一步一步用DDD设计一个电商网站(八)—— 会员价集成

    会员价现在主流电商中,是一个不大常见模式,其带来问题是:   1.加大了运营复杂度,会员价如何与促销结合,比如应在折前运用还是折后运用等。   ...我们这个练手Demo中暂时决定让会员价折后运用,并且仅在不满足满减促销情况下才有效。 二、建模 那么开始先来建模,这次会员价相对比较简单,一般就是一个打折率问题。...当然也可以不做这个冗余,远程服务去获取,这可以根据实际情况来权衡。我认为用户等级变化是一个非高频数据,所以在这里做冗余可以减少RPC次数。   ...,是因为这里需要把一个值对象独立持久化到资源库中,我们之前设计中仅支持聚合根持久化,所以此处先临时以手动定义方式通过本篇代码编写,会在下篇专门讲述如何处理这种情况。...【图3】 四、结语 可能写到中途有些枯燥,但是我想我主题是运用DDD0开始实现一个电商网站过程,DDD中业务是核心,所以业务细枝末节和DDD概念运用必然都不能丢。

    57120

    SQL质量管理体系来看SQL审核(4) - 如何设计一个优秀SQL审核引擎

    SQL质量管理体系来看SQL审核系列包括多篇文章,SQL质量管理体系角度来讨论如何设计一个优秀SQL审核引擎,欢迎订阅。...SQL解析器 一个优秀SQL解析器是构建一个合格SQL审核引擎基础。如果SQL解析都无法很好地完成,SQL审核就无法谈起。...、示例及如何修复指导 3....规则匹配引擎设计 规则匹配引擎根据规则库对解析后SQL进行规则匹配,识别潜在问题,是审核大脑和核心: 高效匹配算法,如基于AST遍历、模式匹配等 规则匹配引擎需保证匹配正确性,避免漏报或是误报...综上所述,设计一个优秀SQL审核引擎,需要全面考虑解析器、规则库和匹配引擎架构和实现,并从可扩展性、性能、准确性、可用性等多个角度进行把控,同时与实际需求和开发、DBA、质量团队紧密合作。

    10410

    iCollections for Mac(桌面整理工具) v7.5.1中文激活版

    iCollections for Mac是一个桌面整理工具,可以帮助用户有效整理MAC桌面上图片、图标和文件,操作非常方便,桌面创建一个放置图标的区域,按照你自己想法将图标拖入区域之中。...      创建文件夹视图以桌面上访问选定文件夹      创建相框以桌面上显示您最喜爱图像      添加标签以将文件分组一个集合      桌面上观看照片幻灯片      更改集合样式...桌面上这些阴影窗口用于根据您偏好来组织图标,文件和文件夹。无论你想如何标注,重新调整大小,突出显示或移动它们,都可以。iCollections与macOS集成,系统启动时启动。      ...Web视图 - 桌面上移动浏览器      您需要打开浏览器才能查看刚刚即时聊天内容,或者使用iCollections更容易您喜爱艺术家中删除新视频。...因为它可以帮助您查看并持续关注您最活跃网站,而无需从头开始打开Web浏览器。      相框      主菜单中选择相框以桌面上创建相框。相框将以幻灯片形式显示您图片集,例如。

    72130

    前端必备,响应式Web设计9项基本原则

    随着建立网站可用各种小工具越来越多,像素设计局限于桌面和移动端也已经成为历史。因此,现在就让我们来说明一下如何运用响应式web设计各项基本原则来实现,而不是抗拒流畅网页体验。...断点 断点可以让页面布局预设点进行变形,也就是说,在台式桌面上显示3栏,移动设备上仅显示1栏。大多数CSS属性都可以实现断点之间变形。断点放置位置通常取决于内容。...最大和最小值 有时候内容占满整个屏幕宽度(例如在移动设备上)是好事,但如果相同内容电视屏幕上也撑得满满,貌似就不太合理了。这就是为什么要有最大/最小值。...移动优先还是台式桌面优先 严格来说,项目从小屏幕入手过渡到大屏幕(移动优先),还是大屏幕入手过渡到小屏幕(台式桌面优先)区别不大。但是,移动端着手可以给你带来一些额外限制,帮助你进行决策。...通常情况下大家会两方面同时着手,所以你还是要看哪种方式最适合你。 web字体vs系统字体 想让自己网站拥有炫酷Futura或Didot效果吗?那就是用web字体吧。

    62410

    如何一步一步用DDD设计一个电商网站(九)—— 小心陷入值对象持久化

    一、前言 在上一篇中(如何一步一步用DDD设计一个电商网站(八)—— 会员价集成),有一行注释代码: public interface IRoleDiscountRelationRepository...那么我们把它们建立为值对象同时,又需要持久化到数据库。这里就如这个等级折扣。   场景2:一个聚合根内部引用了一个值对象集合,那么如果使用是关系型数据库进行存储,必然需要单独存一个表。   ...二、场景1思考 整个问题解决方式,首先需要梳理清楚3个基本概念:“聚合根”、“实体”、“值对象”这3者关系。这个我如何一步一步用DDD设计一个电商网站(二)—— 项目架构)中有提及。...三、场景2思考 场景2里有一个比较容易踩进去坑,为了持久化把原本设计成值对象改为实体(特别是针对一个值对象集合时候,需要一个唯一表示来区分其中多个值对象)。...更泛角度来说设计也是约束、定义规则过程,一套清晰规则可以为整个项目的所有开发者往共同目标前进起到事半功倍效果。

    79530

    如何使用Fluent Design System (下)

    触屏时操作十分自然舒适各种操作(典型的如横向移动)到了桌面的鼠标的操作变得十分别扭。...Windows8让这些问题一口气爆发,种种错误导致一个超前UI慢慢落后。 但这不妨碍大量模仿MetroUI桌面应用和网站,从这方面来看MetroUI本身还算是成功。...文章开头介绍视频中展示了ParallaxViewMR中运行效果,效果有趣很多: ? 即使只桌面上运行,FDS也激发了不少创意。例如这些设计: ?...相比起当年MetroUI桌面上后劲不足,FDS看起来有很长远发展计划,虽然现在还有各种问题,相信以后能给我们更多惊喜。 7....其实比起各种新控件新特效,我更希望FDS给出一个设计准则,一个严谨又包容多样性规范。这几年随着Windows不再强势,设计师好像突然就忘了桌面上怎么设计了。

    1.2K20

    Spacedrive:现代跨平台文件管理器

    例如,您在 macOS 上有 Finder, Windows 上有 Explorer, GNOME 桌面上有 Files(又名 Nautilus), Plasma 桌面上有 Dolphin。...该列表中,只有不同桌面上安装 Files 或 Dolphin 是可能,但即使那样,您也安装了许多您可能不需要其他组件和依赖项。...根据 Spacedrive 网站,“Spacedrive 是一个跨平台文件管理器。它将您设备连接在一起,帮助您任何地方组织文件。”...我们开始之前,请确保 官方 Spacedrive 网站 下载适合您操作系统 Spacedrive 安装程序。...以下是方法: 使用 Spacedrop:单击左侧边栏中“Local”下任何条目,然后单击 Spacedrop 图标(看起来一个微小土星状星球)。

    12510

    两个 viewports 故事-第二部分

    对于一个基于桌面优化网站移动浏览器显示效果明显不如桌面浏览器,要么缩小后文字太小无法阅读,要么放大后只能看到网站一部分。...平板设备如 ipad 以及传闻基于 webOs 惠普产品将缩小桌面与手机差距,但也无法改变最基本问题。因为网站也需要在移动端显示,所以我们必须让它们小屏幕上正常显示。...如果移动浏览器和桌面浏览器工作原理相同,侧边栏至多显示 40px 宽,确实太窄了。你自适应布局看上去被压扁了。 解决这个问题方法之一就是为移动浏览器设计特殊网站。...除了你是否应该这样做问题之外,实际问题是只有很少网络公司会为移动单独设计网站。 手机浏览器供应商希望为客户提供最好用户体验,这意味着“尽可能如桌面显示一样”。...还没有浏览器具有其他保存该尺寸属性值。所以我猜想 window.innerWidth/Height 是一个标准属性,尽管支持性不太好

    1.8K70

    未来 Web 设计 7 大趋势

    关于Web设计未来趋势,我相信很多文章都有涉及。下面就让我带你总结一下哪些才是真正预言。 1.手势取代点击 还记得曾经是如何滚动网页吗?...移动设备上,你可以用你手指随意滑动来滚动页面。精确点击目标实际上是很难——这和我们桌面上养成习惯截然相反。 因此,我们希望越来越多网站能够内置为滚动第一,点击第二个设置。...当然,这正是我们现在无处不在设计方式: ? 随着移动设备渐渐掌控市场,我们对此趋势预测完全是有充分理由。现在网站已经没有那么多需要点击内容,更多是滚动。...4.像素将会被废弃 桌面上,1个点就是1像素。甚至有人还知道平均1英寸由多少像素组成:72 dpi。但是现在,很多人已经不知道什么是像素了。 ? 随着响应式设计普及,我们使用更多是网格和百分比。...基于字体图标和谷歌材料设计上面来看,这种趋势已经可见一斑。网站加载速度更快,缩放图标到任意大小也不会失真。这使得它们非常适合新式Web浏览器。 ?

    69710

    iCollections for Mac(桌面整理工具) v8.0.3中文激活版

    通过iCollections Mac版,帮助你创建相框并查看图片,浏览桌面收藏网站,查找日程安排,简化你桌面,让你桌面看起来既简洁又强大!...图片iCollections for Mac(桌面整理工具)iCollections mac版主要特点轻松创建集合以组织桌面上项目创建磁盘面板以显示磁盘驱动器创建文件夹视图以直接访问桌面上选定文件夹创建相框以桌面上显示您喜欢图像添加选项卡到组中文件一个集合在桌面上观看图片幻灯片放映更改集合样式...桌面上这些阴影窗口用于根据您偏好组织图标,文件和文件夹。您可以根据需要标记,重新调整大小,突出显示或移动它们。iCollections与macOS集成,系统启动时启动。...访问集合项目将项目放入集合后,您可以执行与桌面上项目相同操作。...打开(双击),重命名(单击标签),删除(Cmd + Backspace),查看(空格键),复制和移动(拖放),Finder窗口(上下文菜单)中查找等等。

    62020

    走进 MIP,了解你不知道移动 Web

    移动互联网时代,移动浏览器一直都是重要入口,而当前结果来看,大多数优秀移动应用使用体验,并不是由移动浏览器这个入口产生,特别是国内。...流量分发平台引导缺失 移动 Web 丧失统治力一个重要原因是移动互联网早期(2011~2015),包括搜索引擎、社交平台都没有过多思考所管理与分发 Web 站点体验与 Native App 差距...综上,国内 Web 生态当前并不太好,但 Web 具备其他互联网应用技术无可取代特征:互联、自由、开放,每一个站点都有自己独立域名和 URL,可被任何人在任何终端方便快捷访问、分享。...PWA PWA 没有一个唯一且准确定义,它是一个用 Web 技术创建 App,不用打包,不用签名,可以离线工作,如果你愿意,还可以添加到桌面上看起来就和其他应用一样。... Web 生态中,搜索引擎、分类网站、门户网站等对 Web 起引导作用角色,拥有流量分配能力,我们称之为引导者。对引导者而言,给符合体验原则并且可被检测 Web App 给予更多流量倾斜。

    1K20

    信赖是什么,如何让你网站值得信赖?

    ③确保您域名不是模仿者,使用域名之前,请确保它尚未注册商标。如果是这样,您可能会被起诉并关闭您网站。即使您没有遇到麻烦,客户也会发现您使用是复制名称,这会使您看起来不那么可信。...3、高质量页面设计 通常而言,大多数人都喜欢一个设计美观网站,而不是一个为简单而设计网站。 这意味着美观设计确实很重要,这是您网站所需要。 毕竟,您业务给您第一印象来自您网站设计。...②号召性用语 每个网站页面都应具有一个主要号召性用语,这是网站上执行特定操作提示。...②发布成功案例 另一个有效步骤是网站上发布真实客户成功案例。此类信息将使新访客确信您网站值得信赖。...③用户评论展现 利用UGC内容,让用户自己产品或者服务角度去讲述,为什么你值得信赖。 总结:对于一个网站为什么能够值得信赖,仍然有诸多因素,而上述内容,仅供参考!

    85320

    为何UI设计稿与开发出界面有差异?设计师必读技术干货

    静电说:这是一篇技术流干货,作者开发者角度给我们分析了为什么设计Sketch中设计设计稿与开发出来效果会产生差异。不妨来读一读吧!...设计好坏,对于移动应用是否成功,至关重要。尤其是iOS上,用户习惯于运行良好且外观漂亮应用程序。如果您是移动应用程序设计师或开发人员,那么您会知道小细节对于最终用户体验重要性。...请注意,如果文本要跟其他元素(如背景图像)对齐,那么这些小偏移可能看起来很明显。 那么如何来修正这个问题呢? 这其中一些问题与iOS默认字体:San Francisco有关。...Sketch和iOS开发实现层面,阴影差异很明显。有时候我们发现具有完全相同阴影参数设计Sketch中表现很棒,但是真实开发后,效果反而大打折扣。 ? 如何解决这个问题?...橙色渐变在Sketch中看起来更水平,但在iOS中看起来更垂直。最终应用程序中渐变整体颜色比设计要暗。 蓝色渐变中,差异更明显-iOS中角度更垂直。

    2.2K21

    网页设计师必备10项技能,你会几项?

    最基本裁剪、调色和修补,你应该能够从容地修整图片,至少你应该了解如何能够尽可能好地对图片进行优化。...虽然你绝大多数时候可能都忙于数字化设计,但是总会有一些设计是需要借助到印刷名片到新闻稿,这些东西设计之初就要为印刷做好准备。 在这方面,最值得注意还是不同媒体分辨率和色彩控制。...没有什么比一个老旧手机小窗口上浏览网页更痛苦事情了,但是这有时候就是实际情况,作为网页设计你应该对这种情况有所了解,确保自己网页能在任何情况下都可以流畅地浏览。...8、备份和打包 网站看起来是个完善整体,但是实际并非如此,它同样是容易损坏且脆弱。备份网站是一门必修课。你应当了解网站系统中哪些东西比较容易损坏,多久备份一次比较合理。...即使你不明白其中道理,至少要了解哪些需要保存,备份应该备份什么地方。 此外,你应该了解如何网站样式、设计相关、个性化、客户文件以及系统关键性文件在哪里,以及如何打包它们。 9、了解趋势 ?

    76530

    7 款颜值超高 Linux 操作系统,帅爆了!

    Deepin 网站:https://www.deepin.org Deepin是另一个漂亮Linux发行版,最初基于Debian稳定分支。动画(外观)可能有些让人不知所措-但看起来很漂亮。...KDE Neon 网站:https://neon.kde.org KDE Neon适用于希望简化设计语言方法但仍然获得出色用户体验用户。 这是一个基于Ubuntu轻量级Linux发行版。...另外用户也可以KDE桌面上获得很多内置自定义选项。...Zorin OS 网站:https://zorinos.com Zorin OS是一个令人印象深刻Linux发行版,即使精简版也能提供良好用户体验。...虽然基于Ubuntu,但它提供了很棒用户体验。 如果用户其用户界面开始,则可以尝试使用Zorin Grid来管理工作场所/家庭中运行Zorin OS多台计算机。

    1.7K20
    领券