made by
WordPress
Photoshop
Sublime Text
 
一言コメント
Sublime Text 2メインメニューが消えてあたふた。再表示ショートカットはAlt + Vでした。
About
このサイトはiPhoneがらみの気になることをまったり書いてるサイトです。不定期更新。リンクフリー。
» さらに詳しく
 
Contact
ご連絡はこちらまで。
chibimameplusあっとまーくgmail.com
 
category
 FIFA15
 GoodReader
 メモapp

配色サンプル for HayaMemo

 
 
配色サンプル for HayaMemo
HayaMemoやBashoMemoなどを使っている方へ 気分を変えてみませんか?
配色サンプル集です。
残念ながら2013年現在ストアから消滅しています。
 
FastEverNote & Shareなど便利な新しいメモアプリが登場しています。
それでもHayaMemoを使い続ける理由は、 フォントと色を自由に変更できる所。
毎日使うアプリに色を近づけると落ち着いたりします。
 
連携や機能では、DraftPadやTextforce for Dropbox、デザインならAwesome Note (+To-do/Calendar/Reminder)
最近進化したRainbowNoteなど方向性は人それぞれです。
タグが欲しいなぁと思う事はありますが即Evernoteへ投げてしまうので、タップで新規作成そのまま即メールには最高のアプリじゃないかしら?
 
以下は個人的にバランス取れていて綺麗だなと思う配色サンプル一覧です。
 
普段何気なく使っていて、別に普通じゃん。って思っているあなたへ。
デザイナーさんは物凄く細かく気付かれないように絶妙の配色をされています。
世の中に並んでいる違和感がなく普通じゃんって思う色やデザインほど実は計算されています。
 
モニタで見ると見え方が変わるので是非iPhone上にダウンロードして表示してみて下さい。
フォントは全てHelvetica フォントサイズ16ptです。
フォントを変えるだけでまた違った印象になります。
色もぱっと見、黒なんだけど真っ黒じゃないのが好きだったり。
 
RBG参考値画像のダウンロードはこちらから。全てPNGファイル無加工。
(※iPhone 4 な方ごめんなさい3GSユーザーの為解像度は320×480になります)
HayaMemo BashoMemo カラーサンプルセットzip (678KB)
 
 

 

タイトル HayaMemo
カテゴリ 仕事効率化
価格 230円
Store link切れ
 

タイトル BashoMemo
カテゴリ 仕事効率化
価格 700円
Store link切れ
 

 
 
まずは純正で使われているカラー(Sample-01)
これが一番落ち着く人も多いんじゃないでしょうか?
左がフォント色black、右が設定項目に出てくる水色フォントです。
ツールバー R=110 G=132 B=162 ツールバー R=110 G=132 B=162
文字色 R=0 G=0 B=0 文字色 R=56 G=84 B=135
背景色 R=255 G=255 B=255 背景色 R=255 G=255 B=255
 

 
次に純正メモ風(Sample-02)
これで慣れちゃった人でも違和感なく使えます。
左がリスト表示時のフォントカラー、右が通常のblack。
文字色は好みに応じてRGB 全て同数値 0-25 間で微調整。
ツールバー R=87 G=62 B=54 ツールバー R=87 G=62 B=54
文字色 R=171 G=89 B=61 文字色 R=0 G=0 B=0
背景色 R=252 G=249 B=150 背景色 R=252 G=249 B=150
   

 
Sample-03
落ち着いた茶系その1
文字色は好みに応じてRGB 全て同数値 0-77間で微調整。
ツールバー R=38 G=33 B=22
文字色 R=77 G=77 B=77
背景色 R=252 G=252 B=245
 

 
Sample-04
落ち着いたグレー
ツールバー色は好みに応じてRGB 全て同数値 0-29間で微調整。
ツールバー R=29 G=29 B=29
文字色 R=77 G=77 B=77
背景色 R=230 G=227 B=222
 

 
Sample-05
大人のブラック
ツールバー色は好みに応じてRGB 全て同数値 0-47間で微調整。
0に近くなるほどより締まった印象になります。
ツールバー R=21 G=21 B=21
文字色 R=47 G=47 B=47
背景色 R=252 G=251 B=250
 

 
Sample-06
背景を少し落ち着かせた青いトーン
ツールバー R=33 G=33 B=41 ツールバー R=33 G=33 B=41
文字色 R=65 G=83 B=105 文字色 R=65 G=83 B=105
背景色 R=216 G=222 B=230 背景色 R=199 G=208 B=220
 

 
Sample-07
上品で高級感を演出。
左が同系色フォント、右が少し暗めのトーンにフォントをブルーへ
ツールバー R=161 G=157 B=149 ツールバー R=142 G=138 B=128
文字色 R=61 G=61 B=61 文字色 R=59 G=100 B=142
背景色 R=255 G=255 B=255 背景色 R=255 G=255 B=255
 

 
Sample-08
赤で締める。
ツールバーが赤すぎる方は、R=157だけを微妙に下げるといいでしょう。
文字色は好みに応じてRGB 全て同数値 0-67間で微調整。
背景は微妙に上げ245,245,245あたりでも綺麗。
ツールバー R=157 G=0 B=0
文字色 R=67 G=67 B=67
背景色 R=239 G=239 B=236
 

 
Sample-09
爽やかな青。
ツールバーが少し青すぎるなという方は、R=25、G=69、B=181をお試しください。
文字色は好みに応じてRGB 全て同数値 0-25間で微調整。
ツールバー R=0 G=120 B=222
文字色 R=25 G=25 B=25
背景色 R=255 G=255 B=255
 

 
Sample-10
やわらかい優しいピンク。
ツールバー R=215 G=181 B=171
文字色 R=79 G=37 B=52
背景色 R=254 G=234 B=229
 

 
Sample-11
ツールバーは同数値で 0-76間で微調整。

ツールバー R=76 G=76 B=76 ツールバー R=76 G=76 B=76
文字色 R=23 G=23 B=23 文字色 R=0 G=104 B=179
背景色 R=243 G=239 B=220 背景色 R=243 G=239 B=220
 

 
Sample-12
シルバー。
ツールバーは同数値で 153-176間で微調整。
文字色は、同数値で 0-28間で微調整。
ツールバー R=175 G=175 B=175
文字色 R=0 G=0 B=0
背景色 R=203 G=203 B=210
 

 
Sample-13
ベージュトーン。
ツールバーもう少し暗めにしたい人は、R=153、G=128、B=94辺りへ。

ツールバー R=182 G=161 B=124 ツールバー R=174 G=152 B=113
文字色 R=40 G=40 B=59 文字色 R=40 G=40 B=59
背景色 R=255 G=254 B=248 背景色 R=255 G=254 B=248
 
 
BashoMemoはフォルダ管理と画像も対応してます。
 

タイトル HayaMemo
カテゴリ 仕事効率化
価格 230円
Store link切れ
 

タイトル BashoMemo
カテゴリ 仕事効率化
価格 700円
Store link切れ
iPhone および iPod touch 互換 iOS 4.0 以降が必要
 
 


Comment

  1. [...] This post was mentioned on Twitter by Crazy and singo405_news, yuu_news. yuu_news said: 配色サンプル for HayaMemo http://bit.ly/ayH6gz [...]

コメントをどうぞ





次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>