WEBデザイン&フォトグラフサイト -LALA-ROCKETS- http://lala-rockets.com/blog/ WEBデザインと写真と日々の備忘録 ja Copyright 2012 Sun, 29 Apr 2012 22:28:16 +0900 http://www.sixapart.com/movabletype/ http://www.rssboard.org/rss-specification 良書「会社と仕事を変えるデザインのしかけ」
デザイン戦略について「デザインする側」「発注する側」両者の観点からのポイントが書かれていてるので、デザインに関係している方々には興味深い内容だと思います。

ーーーーーーーーーーーーーーーーーーーーーーーーーー
●デザインの４つのルール
●自分のイメージをデザイナーに伝える方法
●デザインがなかなか決まらない場合の対処方法
ーーーーーーーーーーーーーーーーーーーーーーーーーー

といった具体的な内容もあれば

ーーーーーーーーーーーーーーーーーーーーーーーーーー
●身の回りのデザインを変える
●ブランディングのポイント
●営業打率を上げるデザイン
●社員モチベーションを上げるデザイン
●デザインとの付き合い方
ーーーーーーーーーーーーーーーーーーーーーーーーーー

など、様々な観点からデザインの重要性を考える事ができ、オススメです！


]]> http://lala-rockets.com/blog/2012/04/post-35.html http://lala-rockets.com/blog/2012/04/post-35.html Design Web デザイン Sun, 29 Apr 2012 22:28:16 +0900 美しい写真ライティング　商品の魅力を引き出す静物撮影術 今までCGかと思っていた広告ビジュアルが、実は考え抜かれたライティングの元で撮影されていたり驚きの連続。

撮影とは「影」を「撮る」事。

黒川隆広さんのテクニックが満載です。

 
]]> http://lala-rockets.com/blog/2012/02/post-34.html http://lala-rockets.com/blog/2012/02/post-34.html other 写真 ライティング 写真 Sun, 12 Feb 2012 13:39:33 +0900 ブログにFacebookコメント欄を追加設定 という訳でコメント欄をFacebookコメントに変更してみました。
対応はとても簡単。以下の手順です。


●１、Facebook Commentsページにアクセス
----------------------------------------------------------------------------------------------------
http://developers.facebook.com/docs/reference/plugins/comments/


●２、コメント欄の設定
----------------------------------------------------------------------------------------------------
・URL
・記事表示数
・幅
・カラー

を設定し、コードを取得。
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments
href="<$mt:EntryPermalink$>" num_posts="20" width="525"></fb:comments>


ブログに設置するには、記事個別にアドレスを取得する必要があるので
href="***" 部分をそれぞれテンプレートタグに変更します。

【MovableTypeの場合】　ＭＴタグの<$mt:EntryPermalink$>を入力。
【Wordpressの場合】　WPタグの<?php the_permalink(); ?>を入力。


この修正コードをテンプレートに埋め込めばＯＫです。




]]> http://lala-rockets.com/blog/2012/01/facebook.html http://lala-rockets.com/blog/2012/01/facebook.html Facebook Web Facebook Facebookコメント Wed, 25 Jan 2012 21:08:09 +0900 【まとめ】ソーシャルボタン設置方法（Facebook、twitter、google+1、はてな、Evernote） ちょっと作業していないと「あれ？」と忘れてしまう事もあります。
そんな時はこのまとめサイトで確認です。


●「Facebookいいね！ボタン」をホームページやブログに設置

●twitter「ツイートボタン」をホームページやブログに設置

●google+1ボタンをホームページやブログに設置

●「はてなブックマーク数＆登録ボタン＆ランキング」をホームページやブログに設置

●Evernote（エバーノート）のクリップボタン（サイトメモリー）をホームページやブログに設置


※各インターフェイスは常に進化しますので変更されている場合があります。

]]> http://lala-rockets.com/blog/2012/01/facebooktwittergoogle1evernote.html http://lala-rockets.com/blog/2012/01/facebooktwittergoogle1evernote.html Evernote Facebook google wordpress ソーシャルボタン Tue, 17 Jan 2012 21:50:59 +0900 カメラを持って散歩しませんか？「散歩の収獲　赤瀬川原平」
「カメラと歩くと、人は現代人から狩猟採集民にさかのぼる」という赤瀬川さんの言葉の通り、カメラを持っての散歩は普段気にも留めない場所をカメラで狙い、次々とシャッターを切る。まさに獲物を狙いさまよい歩くといった感じです。

この本はそんな「カメラ散歩」に火をつけてくれる一冊です。
写真はもちろん、タイトルの付け方や説明も素敵。





]]> http://lala-rockets.com/blog/2012/01/post-33.html http://lala-rockets.com/blog/2012/01/post-33.html other 散歩の収獲 赤瀬川原平 Sun, 15 Jan 2012 23:14:14 +0900 Wordpressマルチデバイス対応～携帯＆スマートフォンサイト構築＆カスタマイズ～

【スマートフォン対応】
--------------------------------------------------------------------------------------------
●スマートフォン変換プラグイン
WPtouch
https://wordpress.org/extend/plugins/wptouch/

無料で簡単！Wordpressをスマートフォン表示に変換してくれます。
基本インストールだけでも十分と思いますが、カスタマイズしたい方は
以下サイトにて方法が紹介されています。
デフォルトではトップページが記事一覧になってしまいますが、
カスタマイズした固定ページをトップにもってくる方法など、とても勉強になります！

★スマートフォンWPtouch トップページのカスタマイズ | 簡単ホームページ作成支援-Detaramehp




【携帯対応】
--------------------------------------------------------------------------------------------
●携帯サイト変換プラグイン
Ktai Style
http://wordpress.org/extend/plugins/ktai-style/

こちらも無料プラグインにてWordpressを携帯サイト表示に変換してくれます。
基本状態の場合は、デザイン的にはちょっと厳しい状態ですが、
こちらもテンプレートをカスタマイズする事で、デザインする事が可能です。
以下サイトにてカスタマイズ方法が紹介されています。

★WPのKtai Styleで携帯サイトのデザインをする方法 - [Mu]ムジログ





早くカスタマイズのスキルを習得して見栄え良くＰＣ，携帯、スマートフォン同時メンテナンスを実現したいものです。



]]> http://lala-rockets.com/blog/2011/12/wordpress-smart-phone-mobile.html http://lala-rockets.com/blog/2011/12/wordpress-smart-phone-mobile.html wordpress Wordpress スマートフォン プラグイン 携帯 Thu, 15 Dec 2011 21:53:06 +0900 たった10秒で作れるFacebook用ウェルカムページ！ 「ウェルカムページ メーカー 」
●開発者ページ
http://www.facebook.com/developers/

からアプリケーション作成を行う必要がありますが、これが結構面倒...。
なんかインターフェイスもコロコロ変わるので苦戦しました。



しかし単純に画像を貼ったウェルカムページで良い場合は
---------------------------------------
●ウェルカムページメーカー
http://welcome-page.jp/
---------------------------------------
が非常に便利です。１分もあれば設定可能です。

しかも「いいね前」「いいね後」で表示画像を切り替えもできちゃいます。
今後は画像ファイルだけではなく、HTMLソースにも対応してもらえたら泣いて喜びます^^


そんな「ウェルカムページメーカー 」で私のFacebookページもウェルカムページを設定してみました。どうぞ試しに「いいね！」をクリックしてみてください～...。

↓こちら
http://ja-jp.facebook.com/LALAROCKETS ]]> http://lala-rockets.com/blog/2011/12/facebook-welcome-page.html http://lala-rockets.com/blog/2011/12/facebook-welcome-page.html Facebook Facebook ウェルカムページ Wed, 07 Dec 2011 21:56:32 +0900 WordPress連続改行 適用プラグイン「PS Disable Auto Formatting」 記事を公開してみると、改行スペースがまったく反映されないという問題があります。

そんな時はWordPress の改行適用プラグイン「PS Disable Auto Formatting」がオススメです。
１分もあれば設定完了出来るお手軽プラグインです。


------------------------------------------------------------------------------------------------------------------
●PS Disable Auto Formatting
http://wordpress.org/extend/plugins/ps-disable-auto-formatting/

★１．
WordPress の「プラグイン」から「新規追加」を選び、検索欄に
「PS Disable Auto Formatting」を入力してプラグインを検索すると表示されます。

↓

★２．
表示されたプラグインをインストールします。
インストール時にサーバーのFTP情報入力が必要ですので準備ください。

↓

★３．
インストールが完了し「有効化」すると、
WordPress の「設定」メニューに「自動整形」が追加されますので、
これで作業完了となります。

※自動整形の「記事の自動整形」の停止にチェックが付いていれば、改行スペースが反映されます。
------------------------------------------------------------------------------------------------------------------

便利プラグインですね^^




]]> http://lala-rockets.com/blog/2011/12/wordpress-ps-disable-auto-form.html http://lala-rockets.com/blog/2011/12/wordpress-ps-disable-auto-form.html wordpress PS Disable Auto Formatting WordPress プラグイン 改行 Tue, 06 Dec 2011 21:29:02 +0900 【デザインアイデアの宝庫】招待状デザインアイデア集 招待状という限られたスペースでどの様なデザイン表現ができるのか。。。
デザイン、素材、特殊印刷、様々なアイデアを見ているだけでなぜか幸せな気持ちになります^^


]]> http://lala-rockets.com/blog/2011/11/post-32.html http://lala-rockets.com/blog/2011/11/post-32.html Design 招待状デザインアイデア集 Fri, 18 Nov 2011 01:08:42 +0900 google+1　ボタン設置方法　～ワードプレス、ムーバブルタイプ～

コード生成は簡単。以下サイトにて取得します。

●プラスワンボタン
http://www.google.com/webmasters/+1/button/index.html


google1.jpgこのページで
--------------------------
●サイズ
●カウンター表示
●対象ＵＲＬ
--------------------------
等を設定します。


コードは以下の通り、２か所に設置
------------------------------------------------------------------------------
<!-- 次のタグを head 要素内または body 終了タグの直前に貼り付けてください -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

<!-- 次のタグを +1 ボタンを表示する箇所に貼り付けてください -->
<g:plusone size="medium" href="xxxxx"></g:plusone>
------------------------------------------------------------------------------

href="xxxxx"部分に
【MovableTypeの場合】　ＭＴタグの<$mt:EntryPermalink$>を入力。
【Wordpressの場合】　WPタグの<?php the_permalink(); ?>を入力。
と記事ＵＲＬ取得タグを入れればブログ記事一覧画面でも、各記事のＵＲＬを取得可能です。








]]> http://lala-rockets.com/blog/2011/11/google1.html http://lala-rockets.com/blog/2011/11/google1.html google wordpress google+1 プラスワン Wed, 16 Nov 2011 21:58:30 +0900 スクール・オブ・グラフィックデザイン―デザインと仕事、108のコツ。 school of graphic design

デザインや仕事に関する「そうだよなぁ～」と考えさせられる基本ポイントが満載で、初心を忘れないように定期的に見直したいと思わせる一冊でした。


著者それぞれで違う意見もあり「こうしなさい」といった事例集ではなく「事の本質を意識する大切さ」を気付かせてくれます。



 
]]> http://lala-rockets.com/blog/2011/11/108-school-of-graphic-design.html http://lala-rockets.com/blog/2011/11/108-school-of-graphic-design.html Design スクール・オブ・グラフィックデザイン―デザインと仕事、108のコツ。 Tue, 15 Nov 2011 00:36:27 +0900 ミクロ・コスモス―Designs and Patterns　-秋山実さん- そこへ焦点をあてクローズアップしていくと、そこにはもう一つの世界があるのですね。
干渉色で彩られた様々なデザイン＆パターンは見ていて飽きません。

実際の顕微鏡で見る事ができたら、偏光フィルターを触りながらミクロの世界に入り浸りそうです...。
]]> http://lala-rockets.com/blog/2011/05/designs-and-patterns.html http://lala-rockets.com/blog/2011/05/designs-and-patterns.html Design other ミクロ・コスモス 秋山実 Thu, 26 May 2011 20:49:51 +0900 WEB制作の打ち合わせをスムーズに進める７つのポイントおさらい。
デザイナーがクライアント様と直接打ち合わせを行う機会は多いと思いますが、「そんな頻繁に外にでないし経験も少ないから苦手だなぁ」というデザイナーさんへ、自身への反省や基本再確認も含めて、打ち合わせをスムーズに進めるポイントをまとめました。

]]> http://lala-rockets.com/blog/2011/05/web-meeting.html http://lala-rockets.com/blog/2011/05/web-meeting.html Lecture Web other WEB制作 ヒアリンク 打ち合わせ Tue, 17 May 2011 21:18:47 +0900 【まとめ】便利な写真素材サイト12 〜商用利用無料〜 素材の無いデザイン制作時にとても助かる商用利用OKな写真素材サイトのまとめです。
個人的利用頻度に応じて★マークをつけています。
※写真のクオリティはどのサイトも素晴らしいです。

]]> http://lala-rockets.com/blog/2011/05/freephoto12.html http://lala-rockets.com/blog/2011/05/freephoto12.html Design Web 写真素材 Tue, 17 May 2011 00:35:57 +0900 Evernote（エバーノート）のクリップボタン（サイトメモリー）をホームページやブログに設置する ブログを目にする事が多く、気になっていたので実装してみました。

組み込みは簡単！下記エバーノートのサイトメモリー解説サイトにて
コードを生成してブログテンプレートに組み込むだけ。
クリップするスタイルや範囲も自由に変更可能です。

●Evernote　サイトメモリーって何？
http://www.evernote.com/about/intl/jp/developer/sitememory/


またWordPressを使用している方は便利なプラグインもありますのでお試しください。
WP Evernote Site Memory 

]]> http://lala-rockets.com/blog/2011/05/evernote.html http://lala-rockets.com/blog/2011/05/evernote.html Evernote Evernote クリップ サイトメモリー Fri, 06 May 2011 19:31:02 +0900