インスタ、メルカリなどのアプリから、7つのハートを集めてきた｜バレンタイン企画｜SMARTCAMP DEXIGN｜note

2019/02/14 10 users メルカリ 表題 SMARTCAMP DEXIGN｜note

こんにちは。デザイナーの高松です。 スマートキャンプのデザインブログも、今回で10週目になりました！ 今週は2月14日が更新日ということで、表題のとおり、バレンタインにちなんだ記事を書いてみようと思います。 アプリで見かけるハートマークUI上で使用されるハートマークや吹き出しは、アプリの「いいね！」や「コ... 続きを読む

オシャレアイテム豊富、フリー素材を紹介するブログサイトGraphic BurgerPhotoshopVIP | PhotoshopVIP

2013/05/20 46 users モックアップ PhotoshopVIP 背景テクスチャ 好評

運営開始されてから間もないデザインブログなのですが、クリエイティブで思わず使いたくなるスタイリッシュな無料素材を数多く公開しているブログサイトGraphic Burgerを今回はご紹介します。 デザイン制作をワクワクさせる背景テクスチャや、ブランドコンセプトを表現するモックアップなど、ユニークなフリー素材が多く公開されています。 詳細は以下から。 丁寧な作業が好評、新鋭デザインブログGraphic... 続きを読む

笑顔を絶やさないことの大事さ：教育系ウェブサービス「Coursera」パメラ・フォックスの仕事術 : ライフハッカー［日本版］

2013/04/12 30 users Swissmiss Coursera 敏腕クリエイター 笑顔

HOW I WORK , キャリアアップ , モチベーション , 仕事がはかどる , 仕事術 , 時間管理 笑顔を絶やさないことの大事さ：教育系ウェブサービス「Coursera」パメラ・フォックスの仕事術 2013.04.12 22:00 敏腕クリエイターやビジネスマンに学ぶ仕事術「HOW I WORK」シリーズ第34回。デザインブログ「Swissmiss」創設者ティナ・ロス・アイゼンバーグ氏に続... 続きを読む

複数のプロジェクトを成功させた「Swissmiss」創設者は熱狂的で社交的 : ライフハッカー［日本版］

2013/04/08 23 users Swissmiss パーソナルアシスタント ライフハッカー

HOW I WORK , 仕事がはかどる , 仕事術 , 時間管理 , 生産性向上 複数のプロジェクトを成功させた「Swissmiss」創設者は熱狂的で社交的 2013.04.08 22:00 敏腕クリエイターやビジネスマンに学ぶ仕事術「HOW I WORK」シリーズ第33回。パーソナルアシスタント・サービス『Fancy Hands』の創業者テッド・ローデン氏に続く今回は、デザインブログ「Swis... 続きを読む

タイムライン対応！新Facebookページのデザインのコツ！ - EC studio デザインブログ

2012/03/02 68 users EC studio 新Facebookページ コツ デザイン

2012年3月1日からFacebookページにタイムラインが適用されるようになりました。 3月30日には全Facebookページが強制的に新デザインに切り替わるので、 今のうちにデザインを修正して対応しちゃいましょう！ 新デザインの変更箇所まとめは、いろんなブログで紹介されているので、 今回は、デザイナー視点での、新デザインへの対応のコツをまとめました。 カバー写真を設定しよう！ まずは1番ユーザ... 続きを読む

Facebook コメントプラグインをWordPressに設置する手順とコメントを管理する方法 - EC studio デザインブログ

2011/08/24 32 users Facebook Facebook活用 WordPress

突然ですが、Facebook活用していますか？ 弊社ではFacebook活用の一つとして、先日社長ブログにFacebookコメントを設置しました。 しかし設置したまでは良かったのですが、このFacebookコメント、新しいプラグインになってから新着コメントの通知ができなくなったようで、せっかくコメントをいただいても見逃してしまう、何かいい方法はないのか！となりました。 そこで、今回は弊社でおこなっ... 続きを読む

今から作るiFrame対応Facebookページの作り方 Part.2 - EC studio デザインブログ

2011/07/01 33 users EC studio Part.2 作り方

iFrame版Facebookページの作成方法としては ・デザインを作成する ・アプリ開発者登録をする ・コーディングをおこなう ・htmlをサーバーにアップする ・iFrameページ用のFacebookアプリを作成する ・FacebookページにFacebookアプリを追加する をおこなっていきます。 デザインの作成に関してはPart.1の記事を参照してください。 以下では開発者コードの取得から... 続きを読む

今から作るiFrame対応Facebookページの作り方 Part.1 - EC studio デザインブログ

2011/06/30 63 users Face EC studio Facebookページ 作り方

最近は、企業や製品・サービスなどで Facebookページをもつことが増えてきています。 EC studio でも先日チャットワークのFacebookページをリリースしました。 そこで、今回はFacebookページの作り方について書きたいともいます。 Facebookページとは すでに知っている方も多いかもしれませんが、 Facebookページとは何かということを少し書きたいと思います。 Face... 続きを読む

[非Webデザイナー向け] カッコイイブログを最速でデザインするための簡単 5 ステップ (フェンリル | デベロッパーズブログ)

2011/06/03 296 users フェンリル 坪内 SPGRA ブログシステム ペン

こんばんは！ 先日の、はてブのホットエントリー PARKN’ PARK さんの 「「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント」に触発されてペンを取った私、 SPGRA というデザインブログをフェンリルで運営している坪内が本日はお送りします。 形式がほとんど決まっているブログデザインは、トップページと記事ページのデザインさえ固めてしまえば、あとはブログシステム... 続きを読む

WebサイトをiPhoneに対応させる -レスポンシブ・デザイン- - EC studio デザインブログ

2011/03/30 120 users Responsive Design 従来 iPhone 実際

このところのスマートフォンの広がりにより、デザイン部でもWebサイトのスマートフォン対応の必要性をひしひしと感じています。実際のスマートフォン対応の取り組みとしてはこれからなのですが、その時のために従来のサイトをスマートフォンに対応させる方法、特に今回は閲覧環境に応じてページレイアウトを柔軟に切り替える、レスポンシブ・デザイン（Responsive Design）に関していまさらながら調べてみたの... 続きを読む

Facebookのウォールでちょっとアピールする方法（OGP） - EC studio デザインブログ

2011/03/29 99 users Facebook OGP ウォール チャットワーク テキスト

サイトに設置した「いいね！」を押したとき、 タイトルとテキストだけではちょっと物足りない感じがしませんか？OGP（Open Graph protocol）の対応をおこなうだけで、 ウォールが少し華やかになります。 弊社サービスサイト「チャットワーク」で対応した時におこなった対応方法を紹介したいと思います。弊社サービスサイトのOGP対応後 OGPを使うとどうなるの？OGP（Open Graph pr... 続きを読む

Fireworksのスタイル機能でデザイン作業効率化！ - EC studio デザインブログ

2011/03/24 37 users Fireworks グラデーションスタイル グラデーション

Webサイトのデザインをしているときに 「あ、このグラデーションって、どういう色だったかな？」 「ここのフォントはなんだっけ？」ってことがあります。そういう時に便利なのがFireworksのスタイル機能です。 スタイル機能って何？って人のために、少し解説したいと思います。スタイル機能とは、Fireworksに登録されている スタイルパレットのことで、グラデーションスタイルや フォントのスタイルを、... 続きを読む

Fireworksで立体的なアイコンの作り方 - EC studio デザインブログ

2011/03/22 80 users Fireworks アイコン EC studio 不可 加工

サイトや広告バナーをつくる際に、イメージアイコンを使うことがよくあります。 ただ、配布されているイメージアイコンを使用する場合、 「形を少し変えたい！」 「複数のアイコンを組み合わせて使いたい！」 など、サイトなどの雰囲気に合うよう、手を加えたくなる時があります。ただ、データの加工が不可だったり、加工するのに時間がかかったり… 時間短縮のために配布素材を使ったのに意味がなかった！なんてこともありま... 続きを読む

HTML5を今すぐ使うためのコツや情報をまとめてみました - EC studio デザインブログ

2010/07/30 500 users EC studio コツ http 導入 HTML5

この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。（今も改善を続けています。） http://www.ecstudio.jp/ 個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも... 続きを読む

知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ

2010/02/22 2247 users Zen-Coding コーディング EC studio 3倍

最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動... 続きを読む

フリー素材を配布するデザインブログ20+ | CREAMU

2010/02/18 273 users テクスチャ CREAMU 商用無料 たくさん デザイン

デザインに使えるフリー素材を探している。 そんなときにおすすめなのが、『20+ Design Blogs that Release Quality Freebies』。フリー素材を配布するデザインブログ集です。 有名なサイトからちょっとマイナーなサイトまで、たくさん揃っていますね。いくつかご紹介します。 Lost and Taken フリーのテクスチャを配布しているサイト。商用無料のものもあり B... 続きを読む

iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ

2010/02/08 1500 users EC studio 基礎文法最速マスター WebKit 著書

弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone... 続きを読む