タグ デザインブログ
人気順 5 users 50 users 100 users 500 users 1000 usersインスタ、メルカリなどのアプリから、7つのハートを集めてきた|バレンタイン企画|SMARTCAMP DEXIGN|note
こんにちは。デザイナーの高松です。 スマートキャンプのデザインブログも、今回で10週目になりました! 今週は2月14日が更新日ということで、表題のとおり、バレンタインにちなんだ記事を書いてみようと思います。 アプリで見かけるハートマークUI上で使用されるハートマークや吹き出しは、アプリの「いいね!」や「コ... 続きを読む
オシャレアイテム豊富、フリー素材を紹介するブログサイトGraphic BurgerPhotoshopVIP | PhotoshopVIP
運営開始されてから間もないデザインブログなのですが、クリエイティブで思わず使いたくなるスタイリッシュな無料素材を数多く公開しているブログサイトGraphic Burgerを今回はご紹介します。 デザイン制作をワクワクさせる背景テクスチャや、ブランドコンセプトを表現するモックアップなど、ユニークなフリー素材が多く公開されています。 詳細は以下から。 丁寧な作業が好評、新鋭デザインブログGraphic... 続きを読む
笑顔を絶やさないことの大事さ:教育系ウェブサービス「Coursera」パメラ・フォックスの仕事術 : ライフハッカー[日本版]
HOW I WORK , キャリアアップ , モチベーション , 仕事がはかどる , 仕事術 , 時間管理 笑顔を絶やさないことの大事さ:教育系ウェブサービス「Coursera」パメラ・フォックスの仕事術 2013.04.12 22:00 敏腕クリエイターやビジネスマンに学ぶ仕事術「HOW I WORK」シリーズ第34回。デザインブログ「Swissmiss」創設者ティナ・ロス・アイゼンバーグ氏に続... 続きを読む
複数のプロジェクトを成功させた「Swissmiss」創設者は熱狂的で社交的 : ライフハッカー[日本版]
HOW I WORK , 仕事がはかどる , 仕事術 , 時間管理 , 生産性向上 複数のプロジェクトを成功させた「Swissmiss」創設者は熱狂的で社交的 2013.04.08 22:00 敏腕クリエイターやビジネスマンに学ぶ仕事術「HOW I WORK」シリーズ第33回。パーソナルアシスタント・サービス『Fancy Hands』の創業者テッド・ローデン氏に続く今回は、デザインブログ「Swis... 続きを読む
タイムライン対応!新Facebookページのデザインのコツ! - EC studio デザインブログ
2012年3月1日からFacebookページにタイムラインが適用されるようになりました。 3月30日には全Facebookページが強制的に新デザインに切り替わるので、 今のうちにデザインを修正して対応しちゃいましょう! 新デザインの変更箇所まとめは、いろんなブログで紹介されているので、 今回は、デザイナー視点での、新デザインへの対応のコツをまとめました。 カバー写真を設定しよう! まずは1番ユーザ... 続きを読む
Facebook コメントプラグインをWordPressに設置する手順とコメントを管理する方法 - EC studio デザインブログ
突然ですが、Facebook活用していますか? 弊社ではFacebook活用の一つとして、先日社長ブログにFacebookコメントを設置しました。 しかし設置したまでは良かったのですが、このFacebookコメント、新しいプラグインになってから新着コメントの通知ができなくなったようで、せっかくコメントをいただいても見逃してしまう、何かいい方法はないのか!となりました。 そこで、今回は弊社でおこなっ... 続きを読む
今から作るiFrame対応Facebookページの作り方 Part.2 - EC studio デザインブログ
iFrame版Facebookページの作成方法としては ・デザインを作成する ・アプリ開発者登録をする ・コーディングをおこなう ・htmlをサーバーにアップする ・iFrameページ用のFacebookアプリを作成する ・FacebookページにFacebookアプリを追加する をおこなっていきます。 デザインの作成に関してはPart.1の記事を参照してください。 以下では開発者コードの取得から... 続きを読む
今から作るiFrame対応Facebookページの作り方 Part.1 - EC studio デザインブログ
最近は、企業や製品・サービスなどで Facebookページをもつことが増えてきています。 EC studio でも先日チャットワークのFacebookページをリリースしました。 そこで、今回はFacebookページの作り方について書きたいともいます。 Facebookページとは すでに知っている方も多いかもしれませんが、 Facebookページとは何かということを少し書きたいと思います。 Face... 続きを読む
[非Webデザイナー向け] カッコイイブログを最速でデザインするための簡単 5 ステップ (フェンリル | デベロッパーズブログ)
こんばんは! 先日の、はてブのホットエントリー PARKN’ PARK さんの 「「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント」に触発されてペンを取った私、 SPGRA というデザインブログをフェンリルで運営している坪内が本日はお送りします。 形式がほとんど決まっているブログデザインは、トップページと記事ページのデザインさえ固めてしまえば、あとはブログシステム... 続きを読む
WebサイトをiPhoneに対応させる -レスポンシブ・デザイン- - EC studio デザインブログ
このところのスマートフォンの広がりにより、デザイン部でもWebサイトのスマートフォン対応の必要性をひしひしと感じています。実際のスマートフォン対応の取り組みとしてはこれからなのですが、その時のために従来のサイトをスマートフォンに対応させる方法、特に今回は閲覧環境に応じてページレイアウトを柔軟に切り替える、レスポンシブ・デザイン(Responsive Design)に関していまさらながら調べてみたの... 続きを読む
Facebookのウォールでちょっとアピールする方法(OGP) - EC studio デザインブログ
サイトに設置した「いいね!」を押したとき、 タイトルとテキストだけではちょっと物足りない感じがしませんか?OGP(Open Graph protocol)の対応をおこなうだけで、 ウォールが少し華やかになります。 弊社サービスサイト「チャットワーク」で対応した時におこなった対応方法を紹介したいと思います。弊社サービスサイトのOGP対応後 OGPを使うとどうなるの?OGP(Open Graph pr... 続きを読む
Fireworksのスタイル機能でデザイン作業効率化! - EC studio デザインブログ
Webサイトのデザインをしているときに 「あ、このグラデーションって、どういう色だったかな?」 「ここのフォントはなんだっけ?」ってことがあります。そういう時に便利なのがFireworksのスタイル機能です。 スタイル機能って何?って人のために、少し解説したいと思います。スタイル機能とは、Fireworksに登録されている スタイルパレットのことで、グラデーションスタイルや フォントのスタイルを、... 続きを読む
Fireworksで立体的なアイコンの作り方 - EC studio デザインブログ
サイトや広告バナーをつくる際に、イメージアイコンを使うことがよくあります。 ただ、配布されているイメージアイコンを使用する場合、 「形を少し変えたい!」 「複数のアイコンを組み合わせて使いたい!」 など、サイトなどの雰囲気に合うよう、手を加えたくなる時があります。ただ、データの加工が不可だったり、加工するのに時間がかかったり… 時間短縮のために配布素材を使ったのに意味がなかった!なんてこともありま... 続きを読む
HTML5を今すぐ使うためのコツや情報をまとめてみました - EC studio デザインブログ
この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。(今も改善を続けています。) http://www.ecstudio.jp/ 個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも... 続きを読む
知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動... 続きを読む
フリー素材を配布するデザインブログ20+ | CREAMU
デザインに使えるフリー素材を探している。 そんなときにおすすめなのが、『20+ Design Blogs that Release Quality Freebies』。フリー素材を配布するデザインブログ集です。 有名なサイトからちょっとマイナーなサイトまで、たくさん揃っていますね。いくつかご紹介します。 Lost and Taken フリーのテクスチャを配布しているサイト。商用無料のものもあり B... 続きを読む
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone(iPod Touch)向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone... 続きを読む