blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Work

HYPETYPE – タイポグラフィーをテーマにしたデザインギャラリー

HYPETYPE(パイプタイプ)というデザインギャラリーサイトをローンチしました。タイポグラフィーをテーマに、タイプフェイス/カラー/カテゴリーで、ページ遷移なしにソートできるように設計しています。Webはどんどん進化するので大量のインプットが必要なんですが、ちょっとこのとこ …

category: Diary

【プロの必需品】HCL パーマセルテープ/アートワークやバックペーパーの固定に

アートワークを制作中。フレームの台紙に固定するため、パーマセルテープを購入。お店の人に聞いたところ、四隅に貼るのではなく、浮きを抑えるために各辺のセンターに貼るのがいいとのこと。バックペーパーの固定や撮影機材にも使えます。特殊な高級のりの使用によって、写真用品、撮影用品、ケン …

category: Design

[先着5名様限定] 10/22 全く新しいWebデザインワークショップ開催のお知らせ

10/22 monに、全く新しいWebデザインワークショップを開催します。内容は未定、というのは冗談で、あなたの中にあります。Webデザインについて知りたいことを、creamu代表の私が答えられる限り答えます。みなさんが疑問に思っていること、知りたいことを共有しながら、講師が …

category: Diary

noteで投稿を始めてみました:SOFTCREAMU – 世界のWebデザインジャーナル –

noteで、SOFTCREAMU(ソフトクリーム)というマガジンを始めてみました。サブタイトルは「世界のWebデザインジャーナル」ということで、世界のWebデザインのトレンドや、Webサイトがどのように設計・構築されているかをお届けしようと思っています。 変化の早い業界の中で …

category: Work

[New Work] 角島への入口 川棚グランドホテル

山口県の温泉旅館、川棚グランドホテルの「角島スペシャルサイト」を作らせていただきました。 川棚温泉から角島まで車で名所を回りながら、ドライブを楽しめます。観光名所やブログは随時更新されていきます。 デザイン・コーディング・インタラクション・CMS構築を僕の方で、イラストをあゆ …

category: Gadget

Nikon New FM2 – 電池がなくても撮影できる機械式カメラ

フィルムカメラ2日目。撮りまくっています笑。電池がなくても撮影できる機械式カメラなので、バッテリーの充電の必要がなく、アナログ感がすごくとても愛着が湧きます。 早速フィルムを現像に出しました。仕上がりが楽しみです。 買う前はこちらの記事に刺激を受けました。 写真家たちが選ぶ、 …

category: Diary

カリタのコーヒーミル、ネクストG スモーキーブルーを購入

ペーパードリップにはまっているので、Kalitaのコーヒーミル NEXT Gを購入。ナイスカットとだいぶ迷ったんですが、プロダクトデザインとしての美しさ、無駄のなさ、質感、ディテール、存在感、高級感など、かなり気に入ってしまったので選びました。テーブルに置いておくだけでテンシ …

category: Technology

Photoshopのデザインデータをブラウザでプレビューする方法

レスポンシブの時代、ブラウザサイズや端末がたくさんあってデザインが大変ですね..。最近は、1440px x 835pxでデザインしています。 ただブラウザで見てみないと実感がわかない、ユーザの気持ちがわからないので、何かプレビューする方法はないかと思っていたところ、見つけまし …

category: Diary

フロントエンドエンジニア・アシスタントデザイナー募集

業務拡大につき、以下の内容でフロントエンドエンジニア、およびアシスタントデザイナーを募集します。 ・募集職種  フロントエンドエンジニア  アシスタントデザイナー ・仕事内容  フロントエンドエンジニア:コーディングを中心としたWeb制作全般  アシスタントデザイナー:グラフ …

category: Web

ワードやエクセルに貼付けられた画像の元画像を取得する方法

ワードやエクセルに画像が貼付けられていて、 それを素材として使ってくださいと言われると困りますよね? 変形されてしまっていて、縦横の縮尺が違ったりするのでもう大変です。 ワードやエクセルに貼付けられた画像の元画像を取得するには、以下のようにします。 ・「.docx」や「.xl …

category: Design

【PR】Wix – コーディング不要で簡単にサイトの作成・公開ができるサービス

現在広告を出稿いただいているWixのPRを兼ねて、紹介記事を書いてみます。 Wixは、コーディング不要で簡単にサイトの作成・公開ができるサービスです。 ビジネスや音楽、エンターテイメント、デザイン等のカテゴリー毎に、たくさんのテンプレートが用意されていて、テンプレートを選ぶと …

category: Web

Moqups – ワイヤーフレームが作成できるオンラインサービス

Moqupsは、ワイヤーフレームが作成できるオンラインサービスです。 使ってみた感じ、ざっと以下のような特長があります。 ・ガイドに揃える機能がついているので、びしっとグリッドで構成できる ・カンバスサイズ・グリッドサイズを変えられる ・ユーザ登録すれば、PDFかPNGでエク …

category: Design

Photoshopで色を変えやすい格子柄のパターンを作る方法

今までレイヤーを2つ重ねてマスクしたりしてチェックパターンを作っていたんですが、うまくいったのでメモ。 上記のようなパターンを1レイヤーで作るには、以下のようにします。 黒と透明のパターンオーバーレイを乗算に設定 カラーオーバーレイで、つけたい色を選び、スクリーンに設定

category: Web

ブラウザのサイズ(表示領域)を指定してスクリーンショットを撮る方法

コーポレートサイトをアップデート中で、制作実績を掲載する際に、ブラウザのサイズ(ウィンドウサイズではなく表示領域のサイズ)を指定してブラウザをリサイズしたいと思って、できたのでメモ。 FirefoxのWeb Developerを使います。 「サイズ変更 / ウィンドウサイズを …

category: Diary

HotGloo – ワイヤーフレームを書くためのオンラインツール

友人が使っていて便利そうなのでメモ。 HotGlooは、ワイヤーフレームを書くためのオンラインツールです。 ドラッグ&ドロップで、さくさくワイヤーを作成できるようです。 メニューを配置したときに、ドロップダウンメニューを動作させることができるなど、使いやすいようです …

category: Design

20 ICONS FOR LINK TEXTS – Gumroadにリンクテキストに使える矢印アイコンを置きました

Gumroadがおもしろい感じなので、ちょっとリンクテキストに使える矢印アイコンを作ってみました。 PhotoshopのPSDファイルとなっていて、すべてレイヤーに分かれています。 アイコンはアンチエイリアスの点で作るのに手間がかかったりしますよね。12pxのサイズのテキスト …

category: Diary

デザインギャラリー「Graphicu」を、W3Qでご紹介いただきましたありがとうございます。

ちょっといろいろテンションが上がっているのでエントリー。 デザインギャラリー「Graphicu」を、W3Qでご紹介いただきました。ありがとうございます! ちょっと最近のinterviewsとかキュレーションサービスは、誰が質問してきてるのかとか、誰が書いてるのかわからないので …

category: Gadget

エスプレッソメーカーなどいろいろ購入

無性にオフィスでおいしいコーヒーが飲みたくなったので、コーヒーメーカーを探すことに。今までブレンディースティックとかバンホーテンのココアを飲んでいたんですが、いまいち満足できないので味わい深いものがほしくなったんですよね。 というわけで口コミで聞いたネスプレッソのマシンを購入 …

category: Diary

自分に合ったクーポンを自動で届けてくれる「届く〜ぽん!」

友人がアプリを作ったようなのでご紹介します! クーポンサイトはすごくたくさんありますが、「渋谷」などの探したい地域や「ラーメン」などの探したいワードを登録すると、クーポンサイトを横断検索して自分に合ったクーポンを知らせてくれるアプリです。 なかなか便利ではないでしょうか!?常 …

category: Technology

スマートフォンサイト制作に関する本を書きました

スマートフォンサイト制作に関する本を書きました。「スマートフォンサイト制作ハンドブック」というタイトルで、秀和システムさんから発売されます! クライアントの依頼から始まり、情報設計、デザイン、コーディング、プログラミング、サーバへのUPまで、一貫した流れでスマートフォンサイト …

category: Gadget

Bluetoothのロジクール タブレットキーボード For iPadを使ってみました

ロジクールさんのモニターキャンペーンに当選して、ロジクール タブレットキーボード For iPadが届いたので使ってみています。モニター終了後そのままプレゼントしてもらえるということで、うれしい!引き続き使っていこうと思います。 公式のサイトはこちらです。 Logicool …

category: Diary

Mac OS 10.7 Lionでデスクトップに表示するアナログ時計

昨日、早速Lionにアップデート。ほぼ問題なく動いていて、いい感じです。スクロールがまだ慣れないですが、指を動かした方にコンテンツが動くというスマートフォン系のUIになっているようなので、慣れるためにちょっとそれで使ってみています。 Finderの動きが速かったり、プレビュー …

category: Work

代官山のメキシカンレストラン「アシエンダ デル シエロ」サイト本公開

先月お店のオープンと同時にサイトを公開した「アシエンダ デル シエロ」ですが、竣工写真が上がってきたので本公開いたしました。coming soonだったPARTYページもUPしています。 マンサード代官山の9Fに入っていて、ビスタラウンジからは代官山と恵比寿が一望できます。と …

category: Diary

アルバイト・インターン募集のお知らせ

ちょっと3月が猛烈に忙しくなりそうなので、実務を手伝っていただけるアルバイト・インターンを募集します。フリーランスの方でも歓迎です。 ひとまず2月後半から3月末までの採用を考えていますが、その後もお互いの意向が合えば継続するかもしれません。 募集要項は以下の通りです。 ・募集 …

category: Web

住所を知らなくてもプレゼントや手紙が送れるサービス5

mixiやTwitter等をやっていると、いつの間にか住所や本名を知らない友達が増えてしまうもの。 そういった友人に何かプレゼントを送りたい、といった時「事前に住所を聞くのもちょっと。。。」という人も中にはいるのではないかと。 そこで、そんな時に役立つ住所を知らない相手にプレ …

category: Diary

日本人デザイナーがデザインした椅子10

デザイナーズチェアといえばイームズなど海外デザイナーによるものを思い浮かべる人が多いかと思いますが、日本人がデザインした椅子にも魅力的なものが数多くあるのをご存じでしょうか? 今回はそんな日本人デザイナーによる椅子をご紹介。いまや伝説ともいえる名作椅子から最新のデザイナーズチ …

category: Web

Twitterのツイートボタンを公式のものに変更しました

ふと思い立って、Twitterのツイートボタンを公式のものに変更しました。リリース直後はカウントがいまいちだった気がするんですが、今は正常になっているようです。 IE6と7でトップページになぜか画像が表示されないんですが、んーとりあえず放置しておきます・・・。 日本語版だと幅 …

category: Design

手書き文字がかわいいレストランのサイト

手書き文字を生かしたサイトを作りたい。 そんなときに参考になるのが、『暮らしのお店』。手書き文字がかわいいレストランのサイトです。 ロゴやメニュー、見出しの文字がかわいいですね。イラストも味があっていい感じです。 スライドショーの動きもゆったりしていて、優しい雰囲気が伝わって …

category: Diary

マロンの香る 焼きいもクーヘンをいただきました

AMNのキャンペーンに当選して、マロンの香る 焼きいもクーヘンをいただきました。 グレープストーンという会社さんの商品で、西武池袋店で限定販売されているようです。 形が独特で、しっかりとした食べごたえがあっておいしかったです!甘すぎなくていいかんじでしたね。 西武池袋に行かれ …