TA的每日心情 | 开心
前天 12:53 |
|---|
签到天数: 78 天 [LV.6]常住居民II
|
本帖最后由 MUIYUCHIT 于 2020-3-18 19:14 编辑
V$ F) h: e% ~5 w. y( a- @3 x- z F
强迫症的福利！！！颜DOG的福音！！！
6 A& M1 R2 e+ Q/ Q: V/ j9 J* N9 M2 t3 H$ ~- K1 Q" c& S
----------------------------------------------20200309更正及更新------------------------------------------------: [9 R) g. U6 [3 n" ^: h
首先感谢#Lynvia#朋友给我指出的不足和建议：
9 k* D9 s! V% h r3 I) r# i强迫症的福音！不瞒你说，The Little Dict 我当时还自己画了一个，哈哈。再有，牛津同义词的图标好走心噢，彩虹版确实是繁体。+ O) _5 l. b5 @4 P5 Y6 [4 M
所以，繁体和简体可以稍微区分一下。# I9 o% ?# J: l" g
然后，目前的图标，LDOCE V2.15图标不太合适，因为非纸版，用黄毛小帆船比较好。Oxford Living 如果能和ODE 3e区分一下会更好。
# n' B0 \ h; c. u& ]到后期我觉得楼主可以将反查词典与主词典区分开来，比如：给右上角加上醒目的反查，点个小黄点，画点符号啥的。
然后是这次更新后部分图标的截图预览：* D r p! s! A0 y8 N8 h
 * I9 }4 O) g9 ?; p
2 c% u" I5 L! A, i' z7 ^ b) |$ q0 t# y5 b3 V* `' w
20200309更新内容：
9 V2 V* z1 m. v3 t6 ^1.将LDOCE 5++与朗文当代高级英语辞典（第5版 ）二者的图标作了区分；
! \6 P# v3 w& c （LDOCE 5++图标两款） （朗...5原图标）0 m" W% Z2 [! U9 f
原来的图标是一个黄色桅杆蓝色帆船的['lɔŋmən] logo，并且LDOCE 5++词典在制作时也主要采集了Online版的数据，这一点$ {/ V; B' l4 h( c/ q+ P/ C4 T
在@lgmcw 大大的帖子https://www.pdawiki.com/forum/thread-36521-1-1.html?x=48936中也有介绍：& W: ?) A9 s1 K+ `
FF朗文5++辞典其实是包括了三部辞典，一部是朗文当代双解第五版，一部是朗文当代Online（LDOCE Online），例句前有喇叭标志的都是可以发音的例句。两部词典绝非简单的拼凑在一起，二者内容互相交织于同一页面的并通过开关及标志区分，你可以在同一个页面上看到这两部词典有哪些不同，有哪些内容是Online新增的，有哪些内容是双解独有的，因此本产品得名5++。另外一部词典是 Longman Business Dictionary。本产品页面为online的克隆版，所谓【克隆】, 就是说页面直接来自于online，之后经过深度剪裁与加工而成。本产品坚持尽最大可能地使用最源头的素材，因此绝大部分配音，图片也都来自online。online部分收词量覆盖双解5，LDOCE ENGLISH 5 以及 LDOCE ENGLISH 6全部词汇。
因此还是更正过来，此处放出两个不同的图标，一个是在保留原有图标元素前提下并统一图标制作而成；另外一个是统一['lɔŋmən]家词典的图标，
" v" J! U: s; X0 q( a, r7 c+ d+ \并主要以突出#Online#特色为前提制作而成（统一['lɔŋmən]家词典的图标在下文也会提及）。
. b9 Q+ ^$ C' S$ l$ f* n) k* m3 o2 n
2 y6 ~! d* e8 K, n( T& }: W- P2.纠正ODE系列与ODE Living Dict.的图标并且做出区分；; _2 ?* A7 s$ t* W$ Z
 + A8 ~, f2 P2 A! s4 d
上面从左到右包含了ODE系列图标和FF大制作的ODE Living Online Dict.词库中的原图标，
8 y% X* P% j# B* D" ? G7 V5 ^" c剩下三枚图标是我考证后根据原图标重制的三枚与其相关的图标；
1 ?- d9 ~$ O. Q _7 G/ R. W$ T: B0 @4 Q9 w/ Z S
首先谈谈ODE系列，这本词典可能我们更容易联想到“新牛津系列”，好像是中英文版的差异区别，并且有一个发展的时间轴；
" y! u& r g" @8 w1 z0 h同样在#L大#的帖子https://www.pdawiki.com/forum/thread-30864-1-1.html中也有提及：/ _- M& {# r- s9 x: O: F
英文原版时间线: COD9 - NODE - ODE2 - ODE3
& Y4 g4 V7 h2 J' w中文版时间线: 牛津现代 - 新牛津 - 新牛津2
( A0 U. U3 F9 V 因此我在某歌搜索图标素材的时候，也发现了，新牛津的LOGO背景与ODE的是一致的，可见其同宗同源性，因此ODE我更正为上图左1的样式；
' K) ~+ P$ G/ d& M2 C p f1 ]9 I: r. m6 Y- i$ _* u
接着来赘述一下我本次更新自认为最大的改动，就是对ODE Living Dict.词库图标作出的修改；（这部分可能比较长，感兴趣就看看吧，哈哈。）1 U1 H9 J/ R! E$ p, r2 u# y4 P
上图左2是词库原图标，左3~5是在/ˈɒksfəd/家的乌尔都语 to 英语词典网站上找到的灵感https://ur.oxforddictionaries.com而制成的新图标；: l9 B( b$ ^ z5 i$ V: Y
鉴于L大某回帖中https://www.pdawiki.com/forum/forum.php?mod=redirect&goto=findpost&ptid=37233&pid=1550099提及到：& f! r, x3 E4 e
Oxford Dictionaries (English) 2015 [唯一有插图的版本]Lexico [最新但阉割了不少内容]
看来这个O.L.Dict.也是有其源远流长的发展历史啊，考虑FF大提取的词库中含有插图，判断其提取的数据应该主要为2015版本，因此保留原图标
3 k' A9 P6 Z/ I1 Q8 v! m/ ~- E白底蓝字的前提下（现在的O家是色彩是蓝底白字），制作突出#Living Dict.#以及#English Dict.#为特色的图标，另外绿色的版本算是自己向FF大' s8 V* q" ^5 P5 Z! R! F- C
所制词典的一个呼应吧，在其制作的词库的css中有出现绿色的元素，并且在词典的结尾，有注明Powered by Oxford的logo字样；
( t* M) I) K7 O0 A+ O  3 A2 ^# K' _2 F8 f/ X: {* {
再者根据L大帖子中提及的，Living Dict.先已变成最新的Lexico词典https://www.lexico.com，因此我在O家官网寻找了与其对应的svg素材制作了绿色的
1 n7 z3 _8 r9 d- p$ |. ]( F7 k y, d. {这枚图标，各位可以在这四款与ODE Living Dict.相关的图标中选择（顺便回应给我提出建议的“找茬王”，这么多图标，够你强迫症选择了吧！！！），哈哈哈。
% a- y$ q" S- \ 附上自制图标与原图标对比图2 n8 n0 c, \& i, ?* {( S
. `. I* O8 e4 E
9 \! g, I3 `0 a/ G3 R: O% T8 T. _- |
3.统一['lɔŋmən]家词典的图标风格，两种样式（考虑不同人的需求吧）；$ {3 {* k* ^1 g' \
& b1 I" J3 S5 @; i9 ]6 B两套不同风格的图标
R- ] [+ D8 n1 ]
; q5 p5 y' {) ]5 A3 U) S1 |5 X顺便吐槽一下，['lɔŋmən]家的UI设计，我个人认为，真的是不如O家的，首先素材的质量就差了一大截啊（O家大多数为svg或png格式，使用起来很方便）$ Z0 C: e" K) X$ U$ ~
3 i& k) X7 a7 _7 k$ U; e
1 {6 h A$ k# b! j- Q' a6 T% A并且L家的竖向排版，对于制作方形图标真的是很为难，所以我这次也避免了上次发布的版本不足（上次是硬裁切，或者硬拉伸变形成方形），这次是重新制作 o8 S/ d3 F2 `$ w
没有变形带来的观感上的不愉悦，细心的对比一下就可以看出来区别，哈哈哈；7 w0 }. `4 g: v0 G
 7 J/ P4 p- |" M4 U
上一版L家词典图标的硬拉伸和硬裁剪不足
- `& k# p, j# N0 v, N/ n W5 d. {3 z/ Z4 O$ U
& |( i: t/ {' {) C4.统一图标的“圆角矩形”，以及“高清度”（说白了就是比上次更统一了，哈哈哈）；& y( C( ~$ L: j( ^
这里可能要谈一些“设计玄学”（我本人是读设计的， 但不是UI也不是VI更不是前端设计师，所以太专业了我也不懂，只是用一般设计的理解去思考）；
+ M2 y% b, d; ~$ s( ]何为“高清”图标呢？多清晰才是高清（小米家1亿像素，哈哈哈）？位图还是矢量图呢？那么小的图标人眼能看出是不是高清的区别来吗？% G' O- E% J! @+ I2 l: N
抱着上面这些问题，我脑子里想到了，当年苹果家发布iOS 7系统时，在网上被吹上天的扁平化UI，被吹上天的“苹果设计玄学”，于是去搜索了一下相关资料，
( Q* [1 U1 k j总算是得到了答案。。。
$ V' i" B1 O, v; o% p# r. x) O/ t8 C$ K; i1 J9 t" K$ ?4 r
4.1倒圆角怎么倒才好看？
# T/ |" d+ ^5 a$ q3 shttps://hackernoon.com/apples-icons-have-that-shape-for-a-very-good-reason-720d4e7c8a14这篇文章给了我答案；
; n+ J5 M* f B7 d8 ]: Q8 N 
! r0 {- w3 Y9 \苹果设计的倒圆角看似应该是一种基于样条曲线的算法（如果有搞建筑的或者工业设计的应该知道，传统的函数曲线和NURBS以及众多样条曲线之间算法上的
9 ^- e6 D7 \% I' t4 t. H: c P区别），当然了，我也没有搞得那么专业，只是找了个iOS系统的图标甩到PS里面，做个选区来限定我所有图标的样式统一性。
/ _0 i8 [) T, x: D5 s* R: O0 B6 b9 G7 @8 t3 }1 ~2 e$ M$ `7 S/ ^) B
4.2另外关于图标的清晰度，我则按照iOS给开发者提供的数据要求统一此次更新的图标为180px × 180px (60pt × 60pt @3x) sRGB @3x的格式大小
( H# }/ c6 j* @+ S9 d$ v9 W; l$ c8 y* j3 `
: w" J9 E5 P: l8 q' D$ ~8 I相关的要求在这个网站https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/app-icon/里面都有很详细的解释，
( @2 P' e8 q- S. y) w感兴趣的可以看看，我就不展开讲了，说人话就是统一又好看还没有不需要那么大的图标大小！！9 l: x% `1 ~- x5 h" j3 `* o; W
 7 m- b: z' a2 G* F2 O2 J# H# Z# x
上一版图标“百花齐放”的图标样式不足: c, B7 M1 l% e+ R8 G
2 ^& ]1 u) q- z% P6 t8 M虽然这一次改进后的图标从大小上比上次小，但是还是足够清晰了哦（至少人眼看不出区别了啦，哈哈哈，别纠结了。）
: Y ^9 d' F: x( ~. @# C
+ X9 ]" v# Q5 ^' U" LWin7下超大图标预览，足够清晰，放到词典软件里面更加不用说了，一个字，妥！哈哈: J+ |: C' a n3 k! _/ P
: y1 E( K5 h3 [6 @( f
7 \: V& Z z( ?4 m1 k9 o, ^# U5.关于普通词典和反查词典的图标差异化处理；' C! o m0 u% y% w1 U, |
说白了就是，在反查词典图标的右上角以翻页的效果进行区别（在此也安利大家一下@hanyl05 大的反查词典，哈哈哈，是真的挺好用的，比起全文搜索要方便操作且更直观）' D* k2 ?/ J' k; t9 `: i
直接上图
, _9 `' }; F8 H 8 m! Z M0 W m) b
反查词典图标右上角翻页效果
3 O1 B; O+ N c
+ v2 S- Z) y- h& a |# L# R( V) A% A3 I0 q
P.S.写在最后. e' ^6 |( r6 X" e' Q# C
非常感谢各位耐心看到这里！
- D9 }* u3 m. s) o: E 我想写一写关于为什么要制作这个图标发这个帖子，当然首先是满足”强迫症”的强迫症还有“颜Dog”的追求啦！！！哈哈哈。3 w2 S- s6 C& d5 n6 }
另外，作为论坛的小白，我不太会前端的语言，改改小功能切换还勉强，词典提取啊，整理啊，那些就搞不了了，因此在论坛也白piao了很久，哈哈哈。所以想了想，
' Y8 L; w0 g5 h" D! q; w/ i我能干点什么我“擅长”的呢？可能就是改改图标，供大家玩乐了，哈哈哈。
' }$ d q4 f' `8 K0 R; K- b相比起学习，其实要不要这个图标，真没什么区别，甚至很多人还觉得有这必要嘛？瞎折腾嘛不是，不过在我看来权当为“枯燥”的学习过程寻找一些乐趣吧，也希望在这里7 m# G2 t5 a5 o4 ~2 R B. {; d
做一点自己能做的，然后认识些朋友，学一些以前不知道的知识（说到这感谢@lgmcw 大的帖子，我这个小白了解到了一些关于词典的区别和来源的知识），反正都是一个
: e& t2 s. W! L6 E. [9 y9 F5 j思考和成长的过程嘛，有进步才是最重要的。 Y- Y2 F% J: j' W1 J0 M$ l. @' A
另外这次更新过后，我可能就要继续全面进入我的烤鸭复习阶段了（没两年就奔三的人了，还怀揣一颗出国读研的白日梦），所以，可能不会有什么太大的更新这一
6 P0 _- e. C1 C, J9 T- ^3 L说了，估计每天也就上论坛打打卡，存一点米粒了哈哈哈，你们要真的有需求，给我留言呗，我看到会找时间统一给你改或者做你们想要的图标，最后希望大家使用的开心，
/ o. ^* i+ U1 C一切都是以寻找快乐的源泉为主嘛！！！最后祝我早日烤鸭成功，拿到录取通知书！！% Y7 ?: X9 S/ ?5 W& M6 w
, l5 j+ S: o$ N& ^4 F
2 S+ g" i5 @6 s
7 p3 C2 {2 j4 R4 K% W
7 S) H h6 P# J2 b0 R2 v! B6 c9 s0 y3 i/ `
, |( a5 F) F) F4 A6 q
20200309更新下载地址：* g. N6 {9 K/ D
https://pan.baidu.com/s/12jpX4sEEiuHgfZcQb428_A9 b. z) G6 P7 f/ y
! k- F8 x, T4 h0 x2 T% f
我就不收取米粒了，觉得喜欢的可以小小打赏我一点米粒，我也想早日升级啊！！！
) R5 q# U% h! A8 ~& a6 q/ ?- `2 U提取码回复可见：. b) Z# @+ H" l" y. q& b: ~% z9 `3 ^
/ l7 D; ]7 }2 [- U
. w9 p7 x4 i0 k$ \. W- h8 _4 r- d, Y% h. M, A1 Q9 T1 V& n% _
使用方法：; J7 i# V% G: {) E4 @8 V
1.将图标文件改成与你的词典同名（图标文件必须和.mdx 文件同名，不包括扩展名），然后和你的mdx放在一个目录；
! q0 s2 g7 L, V1 B4 k2.欢迎回复所需图标（或者喜欢方角版、无浮雕效果版等个性化需求），尽可能制作你们所需的图标（提供词典来源的书籍或网站在回帖中）；2 b1 ^& m8 { z: j* L+ G$ N' w! A( ]
3.对本人所制作图标所对应的词典有错误的，麻烦回帖给我指正一下，我在考证后会修改过来，谢谢各位！！& W% D( T1 Q0 _
2 K9 Q3 h: Y8 X. ]
) T5 W# n- o( Q! ~0 C g. }8 {, g: W! R+ k
$ k# J( M3 ^- E, _1 D# ^
6 ?, a- p9 a7 o4 e. Y4 l
& M1 t8 J0 T! m; U& H9 U! z6 W1 _+ I* |( I u9 C* s/ ^, {1 a5 ~
" J5 ^6 s. T# i2 X" @" k8 S
9 b7 v- W6 Q* S/ q v6 d! K. g
: p; f- q7 P2 n& f# x: J' q7 \+ J/ n( s; g- a M
4 t) l* q$ h: y1 n5 x/ t% e. w/ H! t) p. h. D% e* L+ @
: O2 {% }+ l1 e
* k$ [2 R( Y& e; V9 O) I( X----------------------------------------------20200308版本分割线------------------------------------------------
+ O! ?2 I# `3 V# f: l
' M: d3 E. M! _& f
$ ]% p( M! t% T# s0 r/ MPC端效果展示：（截图中均为欧路词典中展示，其余词典APP效果类同，词典名称均与论坛热门词典的原mdx名称对应）
4 E4 W6 x( e( T. Q0 S0 h$ [' \点击放大查看
2 A" ?' V [# n. X$ k$ R ) I+ F2 s+ R* Q& M/ j+ m
4 o2 B& w3 N) j8 g
20200308老版本下载地址： {* W: w# d: m1 C# v1 s' x: ~( e
https://pan.baidu.com/s/1vbUUC0R1r8KbC6Pp7P-CDg
/ ~5 a/ r' Q/ c [" y) \提取码回复可见：
5 A9 H# g$ _$ J6 I0 v( G3 I6 d3 p6 y# o% v6 L, A: O+ P
9 {; l& g9 _( Z
& u4 l" ~/ T' n4 K6 i- D a# U
' _8 l7 g$ G7 N; c) t( o
[英英] 【藏书系列PDF】Collins Listening for IELTS（柯林斯雅思系列四连发------》听力篇）
L$ q+ f0 v* j+ _' l8 t. ][英英] 【藏书系列PDF】Collins Reading for IELTS（柯林斯雅思系列四连发------》阅读篇） [英英] 【藏书系列PDF】Collins Writing for IELTS（柯林斯雅思系列四连发------》写作篇）
; f H1 |7 M2 A u[英英] 【藏书系列PDF】Collins Cobuild Keywords for IELTS（柯林斯雅思系列四连发------》高级词汇篇） https://www.pdawiki.com/forum/thread-39337-1-1.html
" s) [7 n7 j! S: Q3 Z7 W3 m! f[英英] 【藏书系列PDF】The Oxford Dict. of Original Shakespeare Pronunciation（牛津莎翁传统发音词典）
6 X* l9 D' Z( z' I[英英] 【藏书系列PDF】The Oxford Dictionary of Current English（非简明版） 2 U! D1 c9 h( [% a
会继续给大家带来好书，在学习的路上一同前行！！
2 C; q$ c X5 Y5 w E0 F
?( Z5 f0 Y" n7 s/ u3 {- G
, Z# C9 O2 x0 j% v6 T& z; D: u1 _* b' L8 U! z) ]
# s( o D; Y5 d/ D- E% B' a% i
* g- L. `* Z+ x1 [ |
评分
-
15
查看全部评分
-
|
[复制链接]
发表于 2020-3-8 17:21:32
楼主
