河畔志 首页 归档 关于 链接

网易博客要关闭了

终于,打开 http://blog.163.com/ 出现了这个页面:

IMG_20180821_135452.png

详细的公告如下(http://blog.163.com/bearer.do):

IMG_20180821_143114.png
IMG_20180821_143123.png

意料之中的是它会关,意料之外的是关得如此仓促,除了搬迁到 Lofter 的,连一个只读存档都不会保留。
——这意味着很大一部分内容会就此从互联网上消失,运气好的也就能在快照找到了(一些内容也是不适合搬迁的)。

原本想最后到处踩踩留言板,结果都不行了,连发篇文章说声bye都是不存在的。
虽然接触网易博客的时间不长,但它给我留下了很深的印象,如果不是移动互联网的冲击,我想它能发展得更好。

不说什么,要逛的赶紧逛了。
另外,如果你觉得你的博客可以存在得足够久,那就应该了解一下独立博客,而不是选择搬迁到 Lofter。

截了下音乐盒、圈子、和一个关注的博客:

IMG_20180821_143757.png
IMG_20180821_144133.png
IMG_20180821_144844.png

bye~


20180824 更新:

公告标题变成《是时候说再见了!但回忆会留下来》,于是数据会被保留下来,11月前也可以进行评论之类互动了,这样还算比较圆满。

IMG_20180824_145313.png
IMG_20180824_145353.png

那些即将淘汰的设计

看到一篇关于即将淘汰设计的文章:《能让你「一键回家」的 Home 键,很快也要无家可归了》
以及它的前面两篇:《抛弃旋钮,可能是现代电子设备最大的遗憾》《没法给手机换电池,怎么就变成一件理所当然的事了?》

有些同感,但当他给出一个拟物过时的原因是「但当大家都习惯了触屏操作后,大家又发现过分地拟物会限制住“交互创新”,还不如全部彻底去除掉那些光泽、阴影等装饰性的元素」。
有一个很明显的问题——「大家」是谁?是我们这代人吗?那下一代呢?既然他们可以直接上手新设计,我们为什么还需要过渡呢?

结论是,它们仅仅是「需要」被淘汰——趋势站在视觉这边,一切都需要被看到,于是隐晦与不可见的操作都会消失。

Home 键,旋钮,可拆卸电池,Micro USB,3.5mm耳机,以及我常说的长按操作与菜单键等。
尽管新的解决方案提供了新特性,但它也失去了一些东西——有时已经分不清是念旧还是旧方案更好了。

可以确定的是,拥抱新事物比守旧更可取,但至少要记得有一个可能更好,但只是老了的解决方案。

几个触屏浏览器标签栏方案

更新于这里

传统标签栏改进

复原桌面浏览器的体验。

  • 右置新建按钮
  • 小图标与文字结合,文字主体
  • 点击关闭标签
  • 长按气泡提示完整标题并复制到剪贴板

1_传统标签栏改进.png

优点:

  • 若无必要,勿增实体,需要更少的学习
  • 第一层操作,无需展开,更快更直接

缺点:

  • 默认更少的信息显示
  • 有限的操作面积(但已经足够)

应用:

  • 海豚浏览器

小窗口预览

使用窗口预览快速切换,可使用上下滑动手势删除。

2_小窗口预览.png

优点:

  • 直观的图形截取
  • 更大的触摸面积

缺点:

  • 更多的屏幕占用
  • 可能需要更多的界面变化
  • 同屏标签数量少

取舍:

  • 以何种方式显示标题

应用:

  • QQ浏览器 for Android
  • UC浏览器国际版 v8

小窗口层叠预览

小窗口预览的改进,大大增加了同屏标签的容纳量,而且切换更加顺畅。

3_小窗口层叠预览_新标签焦点.png
3_小窗口层叠预览_中心焦点.png

  • 三维层叠多窗口预览
  • 点击或长按滑动切换标签
  • 新建标签作为一个标签页在最后(很棒!)

应用:

  • Opera Mobile 12

文字大标签

上下堆叠的方式,以文字为主体,可使用左右滑动手势删除。

4_文字大标签.png

优点:

  • 屏幕占用随着使用程度变化
  • 显示更多的网页信息,主次分明

缺点:

  • 文字的不够直观

应用:

  • UC浏览器 v9.0

窗口预览大标签

将文字大标签的小图标替换为窗口预览

5_窗口预览大标签.png

优点:

  • 相对仅文字更大的占用空间

缺点:

  • 更少的文字信息量

应用:

  • Firefox for Android v14?

侧边窗口预览

侧边放置窗口预览,溢出可上下滑动。

6_侧边窗口预览.png

优点:

  • 足够大的容纳量和切换速度

缺点:

  • 更少的文字信息量

应用:

  • Firefox for Android v4

卡片标签

类似[[触屏最近应用列表设计]]的卡片标签,将焦点收缩于中心,基于[[位置]]平铺出标签卡片。

7_卡片标签.png

应用:

  • Chrome for Android
  • QQ浏览器 for Android

卡片层叠

由卡片形成的三维层叠,类似[[#小窗口层叠预览]],更充分地利用屏幕空间。

8_卡片层叠.png

应用:

  • QQ浏览器 for Android v5.0

标签栏的位置

  • 顶部更符合一般的桌面认知
  • 底部更靠近手指

Dokuwiki 文件名中文乱码解决

本地搭了个 Dokuwiki 做知识库,但出现文件名乱码问题。

之前在 Linux 服务器上修改 conf/local.php 里的 $conf['fnencode'] = 'utf-8'; 就可以了,而简中 win7 使用 gbk 编码文件名:$conf['fnencode'] = 'gbk';

然后根据官方文档,照着修改了 inc/pageutils.php 中两个函数解决问题:

function utf8_encodeFN($file,$safe=true){
    global $conf;
    if($conf['fnencode'] == 'utf-8') return $file;
 
    if($safe && preg_match('#^[a-zA-Z0-9/_\-\.%]+$#',$file)){
        return $file;
    }
 
    if($conf['fnencode'] == 'safe'){
        return SafeFN::encode($file);
    }
 
   //新增下面这段代码
    if($conf['fnencode'] == 'gbk'){
        return mb_convert_encoding($file,'gbk','UTF-8');
    }
 
    $file = urlencode($file);
    $file = str_replace('%2F','/',$file);
    return $file;
}

function utf8_decodeFN($file){
    global $conf;
    if($conf['fnencode'] == 'utf-8') return $file;
 
    if($conf['fnencode'] == 'safe'){
        return SafeFN::decode($file);
    }
   //新增下面这段代码
    if($conf['fnencode'] == 'gbk'){
        return mb_convert_encoding($file,'UTF-8','gbk');
    }
 
    return urldecode($file);
}

即时通讯的消息提醒方案

QQ在4.1左右消息提醒方案从固定一条消息变成多联系人消息合并。

IMG_20180328_112958.png
▲原方案,不断在消息容器里填充内容

IMG_20180328_113007.png
▲新方案,有多个联系人时消息合并

原方案虽然刷得快,但一般情况不用打开软件就能知道发生了什么,而新方案只要同时有多个联系人的消息、就无法获得有意义的信息、需要打开软件查看了。