うらひな　ブログ。

ヒナ@club_hinako『のほほん日記』 ━━ 日々のあれこれや気になるものたち ━━

ブログテンプレート　テーマ「星空」

2009-10-10 14:29:26 | WEBお勉強メモo
ブログのテンプレートを現在作成中・・・とお知らせしておりましたが。

やっと出来上がりましたーっ(｀・ω・´)☆


こんな感じです(´・ω・｀)

テンプレートテーマ「星空」


うらひなブログテンプレート「星空」
※クリックすると少し大きな画像になります。
ブラウザの戻るボタンでお戻りください。

テーマは「星空」です(=´ω｀=)
Photoshopの作業画面をキャプってみました。
こんな感じで作成しています。


しかし・・・
目に優しくない真っ黒の背景と、目が疲れる小さな文字。
作ったは良いが、ユーザビリティ的には問題山積みorz


でも小さな文字って可愛いし・・・(・ω・｀)憧


一度くらいはよろしいでしょうか？|ω・`）こそーり


せっかく作ったデザインだし。。。
適用してみようかな。

残りの作業としましては、ブラウザでのチェックという地味でとっても大事な作業が残ってます。
現在がんばってチェック＆調整中。

デザイン

2009-07-23 02:01:44 | WEBお勉強メモo
使い勝手の良い、ユーザーに優しいサイト設計。

を、今考えてます。


プログラマーさんが作ったもの（サイト）に、
ヒナがデザイン修正をして「使いやすく」するの。

分かってる人にしか使えないなんて、優しくないでしょ。
ちなみに今は、「設計した人と制作した人」にしかわからないサイトになっております（滝汗）

遷移表もないので口頭で説明してもらったけど分からず。
自分で画面キャプチャ（スクリーンショット）撮ってパワポに貼って、せっせと確認用のファイルを作って。。。
再度確認に行ったら、もう仕様が変わってた(´・ω・`)ショボーン



社内のお仕事管理とかのサイトだから、使う人に優しいストレスの少ないデザインにしたい。
これから進めるプロジェクトとか登録するのにいちいち四苦八苦するようなサイトなら、お仕事前から気が滅入るでしょーｃ(・ω・｀○)


画像の使いどころとか、注意書きを入れるかどうかとか。
テーブルで繰り返し出てくるからしつこくならないように。
でも分かりやすく。

むずかすぃ。。。

というワケで、色んなサイトを観て勉強中。。。
サービスの登録系とか良いかなぁ(・ω・｀)
よさげなサイトがあったらご連絡くださいｍｍ


今日見たサイト

Firefoxのアドオン紹介ページとかキレイ。
　https://addons.mozilla.org/ja/firefox/browse/type:1/cat:4?sort=rated
trac
　http://trac.edgewall.org/report
パルコシティは色々と可愛い。
　https://www.parco-city.com/mall/login
MSN Japan 相談箱
　http://questionbox.jp.msn.com/index.php3

テンプレ変更　2009年夏ver.

2009-06-15 02:22:56 | WEBお勉強メモo
完成ー。*゜(=´ω｀=)゜*。

作成途中を見られましたが（汗）
　※コメントは明日以降に必ずっ！！

確かに14日の早朝は、ブルーのテンプレートでした。
（カスタム用のgoo既存テンプレート）←見られると何故か恥ずかしいという

そのカスタム用テンプレートのCSS部分を編集して、
現在のうらひな夏ver.へカスタマイズ!!
というワケです(｀・ω・)p


Photoshopで加工中の画像
↓
うらひなブログ｜デザイン作成中＠Photoshop

ステキな写真素材は素材屋さんからお借りしました。

こんな感じでPhotoshopで加工。
パーツごとに切り出して、CSSで画像のパスを指定。
調整して調整して調整して完成～☆
イエイ(*ゝω・*)


・・・

・・

・

なんて。
そんな簡単には終わらず。

今回もブラウザ毎の調整に軽く泣いた（涙）

またしてもIE6＆7。
IEめ・・・。
しかもIE6で一個だけ修正が出来ずに崩れている箇所があるのですが。。。

今日は見なかったことにしてもう寝ようと思います。
なおせないんだものー(´；ω；`)ぶわっ

何か不具合発見したらこっそり教えてください←


ところでいかがでしょうか、うらひな夏ver.
夏というより写真が春・・・なので「初夏」な感じですが（汗）

ちょっと涼やかに、野原に凪ぐ"風"を感じていただければと思います。


あとまだfooter作ってない(・ω・｀)

日曜日

2009-04-13 02:22:22 | WEBお勉強メモo
朝からマスターズ見て、
夕方はジムと日用品の買い物で終わってしまった…

日中は何してたのさっ(・ω・;)(;・ω・)


ねー|ω・`) コソーリ




blogテンプレート変更しようかと思って。
作ってました…


すでに出遅れた感のある、『サクラ』（笑）



超途中なので公開出来ないー(´；ω；`)

白背景ならもういけるけど。
黒背景にすると文字色指定とか全部やり直しなので時間掛かりそう・・・。
（コメントページとか全然むり）
ヘッダー（トップのメイン画像のあたり）だけ黒にして、あとはうすーくグラデから白にもってく？(; ・ω・)

っていうかサクラでかいｗｗｗ
この大きさが良いのだけどちょっとさすがに記事まで長かもー。

右上固定背景にして透過背景で記事出す？

固定背景キライなんだよなぁ。。←なんとなく、酔うから(・ω・｀)←なんとなく過ぎるｗ

そうこうしているうちにサクラの季節終わっちゃう罠。
白背景にすれば良かった・・・
でも黒が良かったんだもん(´；ω；`)


今から紫陽花にシフトするか（ぉぃ

デザイン

2009-02-02 22:50:12 | WEBお勉強メモo
デザイン性とデザインの持つ意味、
調和・サイトの統一感と目立たせるためのアクション、
注意喚起、

ユーザーの使いやすさ、
居心地、なじみ、安心感、
次のアクションを連想させやすいか、

リズム感、ポイント、


情報を的確に伝えるためのデザイン、
根底にあるのは正しいマークアップ。



めも(・ω・｀)

テンプレートのミス発見2

2008-11-15 19:01:36 | WEBお勉強メモo
「うらひなブログ」のテンプレートデザインに、また不具合発見(´・ω・｀)あぅー

お友達の持っていたiPhoneでブラウジングした時に気づきました。


どうやらウインドウのサイズで落ちてしまうらしい。
デザイン的には、大外枠のdivのwidth（横幅）指定は930pxにしてあるのにどうして？(・ω・;)(;・ω・)

自宅のPCはウインドウサイズを常に大きめ（930px前後）にしているので、気づかなかったよ。
iPhoneみたいな小さなサイズで観て初めて気づいた．．．
　またブラウザチェックし切れて無いじゃんorz

ウインドウサイズを小さくして確認。
あにゃ？横スクロールバーでてるのにっ。。。
なんなのー(´；ω；`)

と思ったら、どうやら犯人はこの子。
検索Boxのカラム落ち

goo | ブログ | ランダム | ブログを作成 |【PR】...
どうやらこの【PR】君が長かったご様子。

そうか・・・
今回は「【PR】 実在する世界の珍地名はどれ？旅行券100万円分プレゼント 」だけど、
どんな長さが来るか、時々によって違うのね。φ(・ω・｀)...メモ

画面上部の黒系のグラデーションがかった背景画像をbodyの背景として指定していたから、
検索Boxが1行下がるとその分ヘッダーの画像とずれてしまっていた、
という訳。

HTML*
<body>
　　<div id="global-header">（gooのお知らせ・検索Boxエリア）</div>
　　<div id="container">（ここからスタート）
　　　<div id="title-banner">ヘッダー部分</div>
　　</div>
・・・
CSS*
body {
background: url(グラデーション画像のパス) repeat-x top left;
}
#container {
margin:0pt auto;
width:930px;
}



まさにこの高さ分ズレている。

失敗(´・ω・｀)ノ”ペチッ


しかも、CSSを有効にして画像を非表示にした場合、
ブログのタイトルが白文字指定なので背景色と同化して見えていなかったことにも気づくorz
　↑まったくもって有り得ない



足りないことだらけだ。
修正修正・・・(｀・ω・)ノ　


銀賞2

2008-10-31 00:44:12 | WEBお勉強メモo
ちょっとちょっとすみません。(・ω・´;)

先日ブログにて、なんと「gooテンプレートコンテスト」でヒナのデザインが入賞!!
という嬉しいご報告をさせていただきましたが→　その日記
。
「銀賞」という素晴らしい賞を頂いた上に、
賞品のギフトカード5,000円分をいただきましたー(=´ω｀=)嬉
ありがとうございました!!

美味しいものを食べに行こうか(｀・ω・)pうっしっし
とも考えたのですが、
ヒナのWebデザインでの初受賞記念の賞品なので．．．
なんて言っても「初」ですからね。二度とないですから。


神棚・・・は無いので、神棚的なニュアンスのところに飾っておきますー(｀・ω・´)☆

本当に嬉しい(´；ω；`)

ありがとうございました。

PDF

2008-10-21 20:39:22 | WEBお勉強メモo
メモ

画像をPDFに書き出すときの設定一つで色んな変化がでる。
バージョン一つ、設定一つ。
何をどう選ぶか。

○最適化のタイミングー
○印刷データ入構入稿の基本


----------------------------------
※2008/10/26
　本文を一部修正しました。