TA的每日心情 | 开心
2023-10-2 12:53 |
|---|
签到天数: 78 天 [LV.6]常住居民II
|
本帖最后由 MUIYUCHIT 于 2020-3-18 19:14 编辑 / E0 q6 B" a5 S0 T
4 }: K( l9 C9 a }/ R强迫症的福利！！！颜DOG的福音！！！
* h- l' ~! \5 Y2 p( D' R' A! l, ~! w5 T
----------------------------------------------20200309更正及更新------------------------------------------------: o. O9 f$ }+ ^
首先感谢#Lynvia#朋友给我指出的不足和建议：0 [) K$ n) ^, T1 W# C
强迫症的福音！不瞒你说，The Little Dict 我当时还自己画了一个，哈哈。再有，牛津同义词的图标好走心噢，彩虹版确实是繁体。0 h; S2 s7 {) x, a' @1 g, i+ f2 T
所以，繁体和简体可以稍微区分一下。
, k' U0 }8 o& t8 ]然后，目前的图标，LDOCE V2.15图标不太合适，因为非纸版，用黄毛小帆船比较好。Oxford Living 如果能和ODE 3e区分一下会更好。$ K: `6 P9 K( D; M6 m
到后期我觉得楼主可以将反查词典与主词典区分开来，比如：给右上角加上醒目的反查，点个小黄点，画点符号啥的。
然后是这次更新后部分图标的截图预览：
( u9 s, ~; v: C {( |3 W! N % E. W/ S* [' |1 O! z# q6 y% @
% Q2 `5 J7 M6 d9 d) M7 C( b! O- E3 c) \0 L# B
20200309更新内容：
* T* ]/ U( r2 `7 g4 M1.将LDOCE 5++与朗文当代高级英语辞典（第5版 ）二者的图标作了区分；+ M7 i" A% z. t- l4 z
 （LDOCE 5++图标两款） （朗...5原图标）! y, G1 G8 l, h- ]2 ?7 c7 j
原来的图标是一个黄色桅杆蓝色帆船的['lɔŋmən] logo，并且LDOCE 5++词典在制作时也主要采集了Online版的数据，这一点* w& ^0 H; K M
在@lgmcw 大大的帖子https://www.pdawiki.com/forum/thread-36521-1-1.html?x=48936中也有介绍：
! Q7 I' A7 {& p$ i- b# D( p0 ^' lFF朗文5++辞典其实是包括了三部辞典，一部是朗文当代双解第五版，一部是朗文当代Online（LDOCE Online），例句前有喇叭标志的都是可以发音的例句。两部词典绝非简单的拼凑在一起，二者内容互相交织于同一页面的并通过开关及标志区分，你可以在同一个页面上看到这两部词典有哪些不同，有哪些内容是Online新增的，有哪些内容是双解独有的，因此本产品得名5++。另外一部词典是 Longman Business Dictionary。本产品页面为online的克隆版，所谓【克隆】, 就是说页面直接来自于online，之后经过深度剪裁与加工而成。本产品坚持尽最大可能地使用最源头的素材，因此绝大部分配音，图片也都来自online。online部分收词量覆盖双解5，LDOCE ENGLISH 5 以及 LDOCE ENGLISH 6全部词汇。
1 {# u) W3 J; m! ]2 K$ ]2 } 因此还是更正过来，此处放出两个不同的图标，一个是在保留原有图标元素前提下并统一图标制作而成；另外一个是统一['lɔŋmən]家词典的图标，0 b; k, O( d- j% U9 L
并主要以突出#Online#特色为前提制作而成（统一['lɔŋmən]家词典的图标在下文也会提及）。. a |# X! M# j0 z* I* j. @
, s. r9 G/ C) b! k2 }
9 J; i* [# S" L$ Q {: D: a' {
2.纠正ODE系列与ODE Living Dict.的图标并且做出区分；
; L3 E% I7 L% B6 W . P* O* M9 v, e" B0 k W) F* Z5 x5 m
上面从左到右包含了ODE系列图标和FF大制作的ODE Living Online Dict.词库中的原图标，
7 p( w0 {5 ]( c l6 H2 e剩下三枚图标是我考证后根据原图标重制的三枚与其相关的图标；2 Q1 K; S& V/ J$ ^2 `# E, I
3 y) A) t$ n7 P
首先谈谈ODE系列，这本词典可能我们更容易联想到“新牛津系列”，好像是中英文版的差异区别，并且有一个发展的时间轴；0 B5 F& }" A( l, T2 `/ R/ L" |/ h
同样在#L大#的帖子https://www.pdawiki.com/forum/thread-30864-1-1.html中也有提及：6 e9 d6 D- B! }
英文原版时间线: COD9 - NODE - ODE2 - ODE3
# E, s! C z7 k$ u9 n中文版时间线: 牛津现代 - 新牛津 - 新牛津2
因此我在某歌搜索图标素材的时候，也发现了，新牛津的LOGO背景与ODE的是一致的，可见其同宗同源性，因此ODE我更正为上图左1的样式；
8 ]- `6 `( _: M3 t6 x ]
, H/ o* N! Q/ r8 P$ O 接着来赘述一下我本次更新自认为最大的改动，就是对ODE Living Dict.词库图标作出的修改；（这部分可能比较长，感兴趣就看看吧，哈哈。）. v) {2 u* U4 Z$ S6 t {% X" ^
上图左2是词库原图标，左3~5是在/ˈɒksfəd/家的乌尔都语 to 英语词典网站上找到的灵感https://ur.oxforddictionaries.com而制成的新图标；
" U+ c W. p/ u u鉴于L大某回帖中https://www.pdawiki.com/forum/forum.php?mod=redirect&goto=findpost&ptid=37233&pid=1550099提及到：! J- z" m* }8 A% t+ Z
Oxford Dictionaries (English) 2015 [唯一有插图的版本]Lexico [最新但阉割了不少内容]
看来这个O.L.Dict.也是有其源远流长的发展历史啊，考虑FF大提取的词库中含有插图，判断其提取的数据应该主要为2015版本，因此保留原图标5 S0 {" d- g. a
白底蓝字的前提下（现在的O家是色彩是蓝底白字），制作突出#Living Dict.#以及#English Dict.#为特色的图标，另外绿色的版本算是自己向FF大 _- Q6 A4 f8 j1 `8 o
所制词典的一个呼应吧，在其制作的词库的css中有出现绿色的元素，并且在词典的结尾，有注明Powered by Oxford的logo字样；. S9 P% z9 Q! e& a
 
0 f q# z$ Q/ v0 t* f! l 再者根据L大帖子中提及的，Living Dict.先已变成最新的Lexico词典https://www.lexico.com，因此我在O家官网寻找了与其对应的svg素材制作了绿色的' G x( _( l' ?$ s: s6 d
这枚图标，各位可以在这四款与ODE Living Dict.相关的图标中选择（顺便回应给我提出建议的“找茬王”，这么多图标，够你强迫症选择了吧！！！），哈哈哈。% O/ [2 n) P, R9 ?" q3 @9 t
附上自制图标与原图标对比图
% P+ f+ |6 N% w: \: M3 a 7 r/ f. M- R- N4 t
) u# b% x3 I% C$ n; N7 y' ]% Y/ G
: F* M. M9 H' K6 k, m- T
3.统一['lɔŋmən]家词典的图标风格，两种样式（考虑不同人的需求吧）；6 [; W* X% B8 R0 T
 2 p. m& t4 l' F
两套不同风格的图标2 }' E3 H) l4 H i: z3 q
|; S+ L" j3 O2 d9 ~- `$ u5 L
顺便吐槽一下，['lɔŋmən]家的UI设计，我个人认为，真的是不如O家的，首先素材的质量就差了一大截啊（O家大多数为svg或png格式，使用起来很方便）! M+ L) w0 `% }' j' |6 C- \
' O; |6 p2 ^4 n6 o' j# ~0 T
/ ^9 ?& E$ D5 O$ e9 ~
并且L家的竖向排版，对于制作方形图标真的是很为难，所以我这次也避免了上次发布的版本不足（上次是硬裁切，或者硬拉伸变形成方形），这次是重新制作
, N- X! M, R$ w1 }' D9 L& E; v没有变形带来的观感上的不愉悦，细心的对比一下就可以看出来区别，哈哈哈；! B; W) W% [; c _/ r, R
 . t2 P* s: D2 g o {& [- }, }
上一版L家词典图标的硬拉伸和硬裁剪不足4 P. j' X6 ?4 V/ [: k
) W6 u6 J o, u( Z' ^
8 K/ {+ v, K6 F
4.统一图标的“圆角矩形”，以及“高清度”（说白了就是比上次更统一了，哈哈哈）；: G* i, ?/ }6 O. m, q) g6 [
这里可能要谈一些“设计玄学”（我本人是读设计的， 但不是UI也不是VI更不是前端设计师，所以太专业了我也不懂，只是用一般设计的理解去思考）；
3 A; m, t0 C% V6 f9 b7 r何为“高清”图标呢？多清晰才是高清（小米家1亿像素，哈哈哈）？位图还是矢量图呢？那么小的图标人眼能看出是不是高清的区别来吗？' f8 C/ c9 G0 h) _/ ~" |
抱着上面这些问题，我脑子里想到了，当年苹果家发布iOS 7系统时，在网上被吹上天的扁平化UI，被吹上天的“苹果设计玄学”，于是去搜索了一下相关资料，, V. O( {. i2 L4 R" R2 w: i4 @
总算是得到了答案。。。
; i; c& q! C+ N& R8 [
" t' n* B) t( I) H2 F4 O8 w6 F. A0 ]4.1倒圆角怎么倒才好看？4 i* ?! c. ~) }/ W$ y. P! K
https://hackernoon.com/apples-icons-have-that-shape-for-a-very-good-reason-720d4e7c8a14这篇文章给了我答案；1 u6 X5 ~; W/ {
  - r2 k$ F7 q* {" Y
苹果设计的倒圆角看似应该是一种基于样条曲线的算法（如果有搞建筑的或者工业设计的应该知道，传统的函数曲线和NURBS以及众多样条曲线之间算法上的
E- R; h4 q, V) N3 r9 a区别），当然了，我也没有搞得那么专业，只是找了个iOS系统的图标甩到PS里面，做个选区来限定我所有图标的样式统一性。
; P% o, r9 X0 H: f" H# N% o) y+ }3 D! w0 l4 H. o
4.2另外关于图标的清晰度，我则按照iOS给开发者提供的数据要求统一此次更新的图标为180px × 180px (60pt × 60pt @3x) sRGB @3x的格式大小5 O# \9 d. ^' K4 j
% x/ ^% o6 u( }: K$ T, J* j: v+ A5 R7 i5 Q: W
相关的要求在这个网站https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/app-icon/里面都有很详细的解释，
5 R$ P8 u( f/ J: F/ u R感兴趣的可以看看，我就不展开讲了，说人话就是统一又好看还没有不需要那么大的图标大小！！2 w) H0 q8 v+ \& N
7 s6 w/ `4 V1 H上一版图标“百花齐放”的图标样式不足, b# ~0 H, n5 h, S: m' E8 }; Z
5 g# z- ]+ w- p! B% f
虽然这一次改进后的图标从大小上比上次小，但是还是足够清晰了哦（至少人眼看不出区别了啦，哈哈哈，别纠结了。）
# H( T" t; c# c: _+ C- R0 C % Q7 L( u/ d$ {& ^* G6 A4 p+ o, ~; J
Win7下超大图标预览，足够清晰，放到词典软件里面更加不用说了，一个字，妥！哈哈( {: O; Q( K5 X# R* b& s! p. n N
: \* L* D; t' Y, v! |# H
" Z2 P) R8 h6 u( ^& c, D; p5.关于普通词典和反查词典的图标差异化处理；$ p( q1 q* ]5 P# J; n3 V
说白了就是，在反查词典图标的右上角以翻页的效果进行区别（在此也安利大家一下@hanyl05 大的反查词典，哈哈哈，是真的挺好用的，比起全文搜索要方便操作且更直观）
& c' ]' W6 `; X直接上图6 J- }' o! j4 A' }7 @: Z
 / M/ n y2 S: m( j
反查词典图标右上角翻页效果
9 \6 i. f: d- [0 D* _
( F% ?* u7 N4 n8 _# o3 D8 P8 E* @% F! C* d1 b
P.S.写在最后
5 S: H. T% G- [. o: R8 d* d7 @非常感谢各位耐心看到这里！
3 [! ~+ N$ S! g _ 我想写一写关于为什么要制作这个图标发这个帖子，当然首先是满足”强迫症”的强迫症还有“颜Dog”的追求啦！！！哈哈哈。
$ Y: n$ [+ } m 另外，作为论坛的小白，我不太会前端的语言，改改小功能切换还勉强，词典提取啊，整理啊，那些就搞不了了，因此在论坛也白piao了很久，哈哈哈。所以想了想，
# g, `( S: m) C2 W我能干点什么我“擅长”的呢？可能就是改改图标，供大家玩乐了，哈哈哈。
* w" i6 H* j9 I! Y相比起学习，其实要不要这个图标，真没什么区别，甚至很多人还觉得有这必要嘛？瞎折腾嘛不是，不过在我看来权当为“枯燥”的学习过程寻找一些乐趣吧，也希望在这里- S; t( f) ~" X& Z
做一点自己能做的，然后认识些朋友，学一些以前不知道的知识（说到这感谢@lgmcw 大的帖子，我这个小白了解到了一些关于词典的区别和来源的知识），反正都是一个6 ~$ `. @, r* D. c' @- T
思考和成长的过程嘛，有进步才是最重要的。
% E& K2 V. H1 ?# M6 \3 g c( r 另外这次更新过后，我可能就要继续全面进入我的烤鸭复习阶段了（没两年就奔三的人了，还怀揣一颗出国读研的白日梦），所以，可能不会有什么太大的更新这一4 B% @5 `4 X& M; a
说了，估计每天也就上论坛打打卡，存一点米粒了哈哈哈，你们要真的有需求，给我留言呗，我看到会找时间统一给你改或者做你们想要的图标，最后希望大家使用的开心，: }. A! L0 t" H" U
一切都是以寻找快乐的源泉为主嘛！！！最后祝我早日烤鸭成功，拿到录取通知书！！* d" t/ X1 n) L: |2 R9 r; `
$ W9 L7 o, F& w9 N* R/ y8 b0 i ^- X0 O2 b
) {" S0 I. p( {3 f& b5 }
1 k) m: L" X) K. ~! L
( {9 f: @7 S% t" h1 Y! x- v% c8 k5 [ c! N6 _& m! z8 M! H/ C
20200309更新下载地址：3 ?) d/ T, l9 N2 D3 F! V
https://pan.baidu.com/s/12jpX4sEEiuHgfZcQb428_A B0 `- t8 B' E# L6 o
2 p1 J4 |! l- }" D- \+ z0 Q
我就不收取米粒了，觉得喜欢的可以小小打赏我一点米粒，我也想早日升级啊！！！- A/ U: S: y, h- b r a% F/ _
提取码回复可见：
' `0 D. M" u6 ^( v0 \
- [! [# A! E" y6 ^$ G. S; y/ g) Y8 U0 Y
: H+ V- b. f+ Z8 `/ e4 k使用方法：. L9 n Y( ?( W! F1 d! Z _ i3 Z
1.将图标文件改成与你的词典同名（图标文件必须和.mdx 文件同名，不包括扩展名），然后和你的mdx放在一个目录；. C8 I" R0 c8 i! v4 C
2.欢迎回复所需图标（或者喜欢方角版、无浮雕效果版等个性化需求），尽可能制作你们所需的图标（提供词典来源的书籍或网站在回帖中）；( V7 l/ \% s8 x/ n+ c
3.对本人所制作图标所对应的词典有错误的，麻烦回帖给我指正一下，我在考证后会修改过来，谢谢各位！！. i/ ?: O0 Y3 k b9 H) ~! T
8 p p( w/ }, W! x% B' u
4 Q1 C" H5 L( u% d; C
) Y1 c+ A" O4 R G# l
. l! I. \ S# s% [. M+ B4 J) f, X) ~+ w9 ]% b. x! c
$ A: @: e2 Q* z# Y4 h0 Z, ]& ?6 p9 M) P
- A* q! y* Y) p. U @
. M8 i+ Z9 M( Z
3 `3 A, _7 }: M+ q8 o6 k3 e! R% J' E, D
# B" {; A( ` |$ l& `
1 a$ V! b* r, F* A
. J6 C; ?0 W5 ~% L2 p: T3 z" ]3 g! I! T----------------------------------------------20200308版本分割线------------------------------------------------9 X4 K; x0 N- m" D0 J
+ C2 {# s7 e& q. E
, @$ @2 q5 N7 H7 tPC端效果展示：（截图中均为欧路词典中展示，其余词典APP效果类同，词典名称均与论坛热门词典的原mdx名称对应）5 {+ K9 E5 c: g3 b0 p7 A+ A
点击放大查看8 x+ w! D0 h! t" ~3 S/ B
- k9 u a! P |2 M8 j5 w+ v
% T6 P6 a* s5 |, \3 j9 X3 l20200308老版本下载地址：
/ z# T5 e9 b7 Q) S0 x* O8 Rhttps://pan.baidu.com/s/1vbUUC0R1r8KbC6Pp7P-CDg
( D" @9 W- D% _* @$ y提取码回复可见：
+ y: O6 o; J( w) v
C+ T& q0 o& W M9 O$ E3 E3 g6 X
0 d2 m& i4 G; ~4 _" m' \3 w+ U' P+ ^" o9 T% d
4 j- ~, `* v6 W+ ^* o" p4 J) J
[英英] 【藏书系列PDF】Collins Listening for IELTS（柯林斯雅思系列四连发------》听力篇） : m8 ?6 j- l) L6 j" ?
[英英] 【藏书系列PDF】Collins Reading for IELTS（柯林斯雅思系列四连发------》阅读篇） [英英] 【藏书系列PDF】Collins Writing for IELTS（柯林斯雅思系列四连发------》写作篇） ! T* i7 F9 |0 |+ L* E
[英英] 【藏书系列PDF】Collins Cobuild Keywords for IELTS（柯林斯雅思系列四连发------》高级词汇篇） https://www.pdawiki.com/forum/thread-39337-1-1.html
: F% U+ |$ g$ I[英英] 【藏书系列PDF】The Oxford Dict. of Original Shakespeare Pronunciation（牛津莎翁传统发音词典） % r$ H1 i# T: I! V
[英英] 【藏书系列PDF】The Oxford Dictionary of Current English（非简明版） * l0 \" ?% \% z+ i5 s! j
会继续给大家带来好书，在学习的路上一同前行！！ ! L9 O% v/ g; p% D6 ~
( |) q7 y- r' G9 A, X9 e
2 f, H; f7 | k
: `* N; ?# s, [- X b+ b _) [* h& o/ ]
5 k* K+ F/ a" _! a8 O
|
评分
-
15
查看全部评分
-
|
[复制链接]
发表于 2020-3-8 17:21:32
楼主
