快捷搜索:

摄影

当前位置:广东快乐十分开奖 > 摄影 > 就让他布置三个铅色系网址,除此呈现

就让他布置三个铅色系网址,除此呈现

来源:http://www.mysenya.com 作者:广东快乐十分开奖 时间:2019-09-27 11:12

几乎每个网站都有自己的Slogan或者说口号,作为网站的定位和价值观输出的一部分,它们常常拿来作为网站欢迎访客的问候用语,是网站首页设计的重要组成部分,也是完善打开体验的重要手段。虽然我们更习惯使用图片和视频来强化网站视觉,但是用精心设计的短句和问候语会显得更加亲切也更富于仪式感,所传递出的信息也会更加清晰。在这种思路下,许多网站选择只使用最简单的Hello,来同网站访客进行问候。今天,我们搜集了一系列网站来为你展现其他的设计师都是如何向网站访客问候你好的。

说了那么多,相信你对小步快跑的概念有了一个初步的印象,但理解还不是很深。让我们来看一看一个实际工作中的例子,来亲身感受一下什么是大布局,什么是大设计,什么是小设计。
还是回到前面那个Hello World的例子,起初的需求总是简单而清晰的。当用户登录一个网站时,网站往往需要给用户打一个招呼:“hi, XXX! ”。同时,如果此时是上午则显示“Good morning! ”,如果是下午则显示“Good afternoon! ”,除此显示“Good night! ”。对于这样一个需求我们在一个HelloWorld类中写了十来行代码:

想要知道一个网页设计师是否专业,就让他设计一个黑色系网站。的确,真正漂亮的黑色系网站大多出自真正专业的设计师之手。黑色是经典的色彩,更是神秘的色彩,它蕴含着攻击性,深藏着邪恶的种子,但他在邪魅中还隐藏着优雅,在沉稳中里还包含权威,它与力量密不可分。黑色中潜藏着善与恶,但是不管它表达着怎样的情绪,它都是最具有表现力的色彩之一,强烈而鲜明。这也解释了为什么黑色会广泛应用于各个领域。那么,黑色系网站到底蕴含着怎样的能量呢?

这些网站大都倾向于营造友好的氛围,以优雅而平易近人的姿态来传递情绪,这样一来,即使是一个简单的 Hello 都可以承载设计师的拳拳善意。接下来,我们一同看看这些案例。

/**

 * The Refactoring's hello-world program

 * @author fangang

 */

public class HelloWorld {

    /**

     * Say hello to everyone

     * @param now

     * @param user

     * @return the words what to say

     */

    public String sayHello(Date now, String user){

        //Get current hour of day

        Calendar calendar = Calendar.getInstance();

        calendar.setTime(now);

        int hour = calendar.get(Calendar.HOUR_OF_DAY);



        //Get the right words to say hello

        String words = null;

        if(hour>=6 && hour<12){

            words = "Good morning!";

        }else if(hour>=12 && hour<19){

            words = "Good afternoon!";

        }else{

            words = "Good night!";

        }

        words = "Hi, "+user+". "+words;

        return words;

    }

}

今天的文章就是为了探索这个问题,同时也在是战中告诉你,到底怎样的黑色系网站设计,才能让人难忘。

Pixies Agency

如果需求没有变更,一切都是美好的。但事情总是这样,当软件第一次提交,变更就开始了。系统总是不能直接获得用户名称,而是先获得他的userId,然后通过userId从数据库中获得用户名。后面的问候可能需要更加精细,如中午问候“Good noon! ”、傍晚问候“Good evening! ”、午夜问候“Good midnight! ”。除此之外,用户希望在一些特殊的节日,如新年问候“Happy new year! ”、情人节问候“Happy valentine’s day! ”、三八妇女节问候“Happy women’s day! ”,等等。除了已经列出的节日,他们还希望临时添加一些特殊的日子,因此问候语需要形成一个库,并支持动态添加。不仅如此,这个问候库应当支持多语言,如选择英语则显示“Good morning! ”,而选择中文则显示“上午好!”……总之,各种不同的需求被源源不断地被用户提出来,因此我们的设计师开始头脑发热、充血、开始思维混乱。是的,如果你期望你自己能一步到位搞定所有这些需求,你必然会感到千头万绪、顾此失彼,进而做出错误的设计。但如果你学会了“小步快跑”的开发模式,一切就变得没有那么复杂了。
首先,我们观察原程序,发现它包含三个相对独立的功能代码段,因此我们采用重构中的“抽取方法”,将它们分别抽取到三个函数getHour(), getFirstGreeting(), getSecondGreeting()中,并让原函数对其引用:

当设计师在UI设计中使用黑色的时候,他们通常想营造优雅的气质,或者权威的气息,打造神秘或者力量感十足的效果。

广东快乐十分开奖 1

/**

 * The Refactoring's hello-world program

 * @author fangang

 */

public class HelloWorld {

    /**

     * Say hello to everyone

     * @param now

     * @param user

     * @return the words what to say

     */

    public String sayHello(Date now, String user){

        int hour = getHour(now);

        return getFirstGreeting(user)+getSecondGreeting(hour);

    }



    /**

     * Get current hour of day.

     * @param now

     * @return current hour of day

     */

    private int getHour(Date now){

        Calendar calendar = Calendar.getInstance();

        calendar.setTime(now);

        return calendar.get(Calendar.HOUR_OF_DAY);

    }



    /**

     * Get the first greeting.

     * @param user

     * @return the first greeting

     */

    private String getFirstGreeting(String user){

        return "Hi, "+user+". ";

    }



    /**

     * Get the second greeting.

     * @param hour

     * @return the second greeting

     */

    private String getSecondGreeting(int hour){

        if(hour>=6 && hour<12){

            return "Good morning!";

        }else if(hour>=12 && hour<19){

            return "Good afternoon!";

        }else{

            return "Good night!";

        }

    }

}

所以,当黑色同锐利多变的排版结合起来,配合科技感十足的抽象动画,辅以互补的对象,加上对比色和辅助色,页面就会拥有独特而鲜明的质感。黑色系的网页设计往往可以顺利隐藏一部分缺陷,并让一些内容和效果突出展现。这种没有光线的页面设计会在日常使用的大量白色系为主的网站中脱颖而出。

这类网站通常有着大气的布局,就像Pixies Agency这样。黑色的背景可以看到城市的天际线,白色的文字在映衬下显得非常显著,加粗的 Hello 传递出设计者的意图,给人沉稳而对等的感觉。整个网站仿佛自带BGM。

这次重构虽然使程序结构发生了较大变化,但其中真正执行的代码却没有变化,还是那些代码。随后,我们核对需求发现,用户需求分成了两个不同的分支:对用户问候语的变更,和关于时间的问候语变更。为此,我们再次对HelloWorld的程序进行了分裂,运用重构中的“抽取类”,将对用户问候的程序分裂到GreetingToUser类中,将关于时间的问候程序分裂到GreetingAboutTime类中:

那么,接下来我们来看案例吧。

Michael Villeneuve

/**

 * The Refactoring's hello-world program

 * @author fangang

 */

public class HelloWorld {

    /**

     * Say hello to everyone

     * @param now

     * @param user

     * @return the words what to say

     */

    public String sayHello(Date now, String user){

        GreetingToUser greetingToUser = new GreetingToUser(user);

        GreetingAboutTime greetingAboutTime = new GreetingAboutTime(now);

        return greetingToUser.getGreeting() + greetingAboutTime.getGreeting();

    }

}



/**

 * The greeting to user

 * @author fangang

 */

public class GreetingToUser {

    private String user;

    /**

     * The constructor with user

     * @param user

     */

    public GreetingToUser(String user){

        this.user = user;

    }

    /**

     * @return greeting to user

     */

    public String getGreeting(){

        return "Hi, "+user+". ";

    }

}



/**

 * The greeting about time.

 * @author fangang

 */

public class GreetingAboutTime {

    private Date date;

    public GreetingAboutTime(Date date){

        this.date = date;

    }

    /**

     * @param date

     * @return the hour of day

     */

    private int getHour(Date date){

        Calendar calendar = Calendar.getInstance();

        calendar.setTime(date);

        return calendar.get(Calendar.HOUR_OF_DAY);

    }

    /**

     * @return the greeting about time

     */

    public String getGreeting(){

        int hour = getHour(date);

        if(hour>=6 && hour<12){

            return "Good morning!";

        }else if(hour>=12 && hour<19){

            return "Good afternoon!";

        }else{

            return "Good night!";

        }

    }

}

Thomas Rhythm

广东快乐十分开奖 2

系统重构到这一步,我们来看看用户关于时间问候语部分的变更需求:问候需要更加精细,如中午问候“Good noon! ”、傍晚问候“Good evening! ”、午夜问候“Good midnight! ”。除此之外,用户希望在一些特殊的节日,如新年问候“Happy new year! ”、情人节问候“Happy valentine’s day! ”、三八妇女节问候“Happy women’s day! ”,等等。此时我们发现,我们对时间问候语的变更不再需要修改HelloWorld或其它什么类,而是仅仅专注于修改GreetingAboutTime就可以了,这就是因重构带来的改善。
同时,我们发现,过去只需getHour()就足够,而现在却需要getMonth()与getDay()。随着程序复杂度的提升,我们适时进行了一次重构,将与时间相关的程序抽取到一个新类DateUtil中,就可以顺利地改写原有的时间问候语程序:

广东快乐十分开奖 3

和前一个案例不一样,Michael Villeneuve 显得更加优雅细腻,虽然整体色调同样采用了黑白对比。漂亮的图标、线条感十足的字体让页面充满了现代感,尤其当网站的语言采用优雅的法语的时候,这种感觉更加明显。

/**

 * The utility of time

 * @author fangang

 */

public class DateUtil {

    private Calendar calendar;

    /**

     * @param date

     */

    public DateUtil(Date date){

        calendar = Calendar.getInstance();

        calendar.setTime(date);

    }

    /**

     * @return the hour of day

     */

    public int getHour(){

        return calendar.get(Calendar.HOUR_OF_DAY);

    }

    /**

     * @return the month of date

     */

    public int getMonth(){

        return calendar.get(Calendar.MONTH)+1;

    }

    /**

     * @return the day of month

     */

    public int getDay(){

        return calendar.get(Calendar.DAY_OF_MONTH);

    }

}



/**

 * The greeting about time.

 * @author fangang

 */

public class GreetingAboutTime {

    private Date date;

    public GreetingAboutTime(Date date){

        this.date = date;

    }

    /**

     * @return the greeting about time

     */

    public String getGreeting(){

        DateUtil dateUtil = new DateUtil(date);

        int month = dateUtil.getMonth();

        int day = dateUtil.getDay();

        int hour = dateUtil.getHour();



        if(month==1 && day==1) return "Happy new year! ";

        if(month==1 && day==14) return "Happy valentine's day! ";

        if(month==3 && day==8) return "Happy women's day! ";

        if(month==5 && day==1) return "Happy Labor day! ";

        ......



        if(hour>=6 && hour<12) return "Good morning!";

        if(hour==12) return "Good noon! ";

        if(hour>=12 && hour<19) return "Good afternoon! ";

        if(hour>=19 && hour<22) return "Good evening! ";

        return "Good night! ";

    }

}

非凡的细节设计和气息独特的个人风格从黑色的页面中自然而然地逸散出来,整个页面在沉稳的黑色中展现出令人着迷的节奏感,黑色的视觉吸引力在这个案例中得到了清晰的呈现。

Kalexiko

最后,我们建立user表存放用户信息,创建UserDao接口及其实现类,为GreetingToUser提供用户信息访问的服务;我们用greetingRule表存放各种问候语,创建GreetingRuleDao接口及其实现类,为GreetingAboutTime提供一个可扩展的、支持多语言的问候语库(如图3.1所示)。所有这一切都是在现有基础上,通过小步快跑的方式一步一步演变的。

广东快乐十分开奖,Roidna

广东快乐十分开奖 4

广东快乐十分开奖 5

广东快乐十分开奖 6

Kalexiko 首页中模糊的背景中可以看到办公室的倒影和靠座在办公椅上的人影,网站给人一种务实的感觉,工作中的人影同网站的Hello让人不禁将两者联系在一起,让访客感受到更为强烈的互动感。

图3.1 HelloWorld的设计图

黑色的背景色是呈现鲜艳色彩的天然载体,它能让这些元素成为视觉的焦点,抓住用户全部的吸引力。Roidna 的页面中许多元素都采用了霓虹绿,它成功地让每个访客都不得不盯着它们看。

Have You Met Janet

小步快跑是一种逐步进化式的程序优化过程,它是重构思想的重要核心。后面我们还会用更多实际工作中的示例,让你真实体会到小步快跑的开发过程。

This Was My Best

广东快乐十分开奖 7

大话重构连载首页:
特别说明:希望网友们在转载本文时,应当注明作者或出处,以示对作者的尊重,谢谢!

广东快乐十分开奖 8

人物形象是让网站的问候语显得真实亲切的重要着力点。Heve you met Janet 的网站的着陆页干脆就将Janet 的形象直接摆放到首页之上,当你打开网站的时候,看着问候语不由得与网站产生真实的情感联系。

This Was My Best 是一个高端的作品展示网站,它展示了每个设计师最优秀的作品。传统而经典的黑白系配色互相映衬,让艺术家们的作品更加突出。整个网站的细节设计微妙而漂亮。

Daniel Spatzek

YnY

广东快乐十分开奖 9

广东快乐十分开奖 10

Daniel Spatzek 的这个页面将我们熟知的极简主义融入到作品展示当中来,整体风格简约又温和,一个简单的Hi和图标放置在首页中间,充满了现代艺术感,向下滚动,可以看到更多的内容。

和前面几个站的设计类似,YnY 的页面也同样是两种基本色设计而成,优雅而精致。值得注意的是,设计师在网页中加入了许多装饰用的小横线,它们很好将不同的元素串联到了一起,让不同的元素在视觉上产生了关联。

About Marco

Tim Brack

广东快乐十分开奖 11

广东快乐十分开奖 12

这是一个葡萄牙设计师的个人网站,所以网站首页所采用的问候语是葡萄牙语 Ola。暗色背景下很明显是设计师工作室的场景,柔和的白色和背景色很好的构成对比,但又不显得突兀。

所有无用的信息都被Tim Brack 从首页上移除了,让用户可以直接关注到黑色背景映衬下的设计作品。大量的留白让黑色的背景也呈现出一种干净的感觉。

CK

Self-Destructing Book

广东快乐十分开奖 13

广东快乐十分开奖 14

本文由广东快乐十分开奖发布于摄影,转载请注明出处:就让他布置三个铅色系网址,除此呈现

关键词: