エンジニア直伝！デザイン&実装の両観点で最適な「積むUIレイアウト」の制作方法｜ShikiCheri/C-C-C

2023/07/31 13 users クックパッド UIUXデザイナー フリーランス 最適解 組織

こんにちは、@ShikiCheriです。 現在フリーランスのUIUXデザイナーをやっており、単発案件ではなく長期的に組織や事業にコミットするような形で、サービス開発のデザインを中心に担当しています。 デザインシステム構築を担当したことでUIデザインの最適解について目から鱗が落ちた…！？クックパッドは25年のサービスの... 続きを読む

クリエイティブスタジオ「HUG」のWebサイトのつくりかた｜MEFILAS｜note

2022/07/13 19 users クリエイティブスタジオ Hüg 社会通念 つくりかた 常識

MEFILASのWebサイトの制作方法を事例から紹介する「Webサイトのつくりかた」シリーズも第五弾となりました！今回はクリエイティブスタジオ「HUG」のWebサイトがどのようにしてつくられたのかをご紹介します。 01. 案件概要クリエイティブスタジオ「HUG」代表のharu.さん率いる「HUG」は、習慣・常識・社会通念を新しい視... 続きを読む

「CHILL OUT」ブランドサイトのつくりかた｜MEFILAS Inc.｜note

2020/11/02 8 users 実例 反響 Note CHILL OUT つくりかた

Webサイトの制作方法を実例でご紹介する「Webサイトのつくりかた」シリーズの第二弾！ということで、今回は各業界で注目の「CHILL OUT」ブランドサイトのつくりかたをご紹介します。 前回の「魔法部ブランドサイトのつくりかた」では、予想を遥かに超えた反響があり、チーム一同大変喜んでおります。今回の記事もWeb制作... 続きを読む

村上原野(ボレロ村上)の思い出

2020/03/29 14 users ボレロ村上 野焼き 思い出 縄文土器 父親

村上原野(ボレロ村上)の思い出を色褪せないうちに書いておこうと思う。 村上原野の父親であり師匠であった威風来は縄文土器による芸術家である。縄文土器の制作方法を復元した人物だ。 猪風来プロフィール | 美術館の紹介 | 猪風来美術館 縄文土器は窯を使わずに野焼きで焼き上げる。野焼きで窯ほど燃焼温度が上がらない... 続きを読む

初心者向け|YouTubeでのサムネイルの作り方 | ユニコブログ

2020/02/20 9 users YouTubeチャンネル YouTube カスタマイズ 看板

前回の初心者向け|自分のYouTubeチャンネルに動画をアップまでで、チャンネル開設後のカスタマイズから、動画のアップまでができたと思います。 今回は、アップした動画を知ってもらうための看板となるサムネイル画面の制作方法について書いていきます。 サムネイルは、普通に動画をアップしただけでは、動画内のシーン... 続きを読む

「それさぁ早く言ってよ～」これは知っておきたかった、効果的に特長を訴求できる構造と物語のパターン (1/3)：MarkeZine（マーケジン）

2017/12/24 30 users スポンサードコンテンツ 要素 MarkeZine web 条件

印象的なテレビCMのようなドラマチックな広告作品を作るためにはどうしたらいいのでしょうか。訴求力あるコンテンツの要素を分解し、広告と物語を結びつける実技的な方法を紹介しましょう。 コンテンツ発想の広告を作る21のパターン 私はWebのスポンサードコンテンツを制作する際、次の3×7のパターンから条件に合った組み合わせで作り上げていっています。 Bの「表現方法」とCの「制作方法」というのは比較的わかり... 続きを読む

アフィリエイトサイトを制作する時に見本にしたいサイト10選+αとサイトをチェックする際の注意点 - 冒険の書

2015/01/27 916 users アフィリエイトサイト 見本 アフィリエイト 手法 冒険

2015-01-27 アフィリエイトサイトを制作する時に見本にしたいサイト10選+αとサイトをチェックする際の注意点 先日、「アフィリエイトで100万円稼ぐための考え方と手法」というエントリーを書いた際、コメントでいくつかの質問をいただきました。 その中で、アフィリエイトサイトの制作方法について質問をいただき、アフィリエイトを始めたばかりの方は、一体どういったサイトを作れば良いのかわからないという... 続きを読む

DMM.make - ◯を△や□には（１）「グリッチ刺繍とは」

2014/04/24 12 users DMM.make 洋服 実験 庁メディア芸術祭 新作

はじめまして！ヌケメです。普段は洋服を作っています。 ここでは、僕が作っている作品の制作方法や、新作のための実験などを中心に、そこで考えたことや気づいたことについて書こうと思っています。 第1回は「グリッチ刺繍」という作品についてです。 こんな感じの作品です。 インターネットから仕入れたロゴデータなどを元に、壊れた刺繍データを洋服の上に出力しています。第16回文化庁メディア芸術祭で評価をいただき、... 続きを読む

ブログをリニューアルして離脱率が約30％減！関連記事の表示やサムネイルなど制作方法と考え方をまとめてみた｜楽しければいいのです。

2013/01/08 187 users サムネイル 離脱率 こたつ みかん リア充

お正月休みにブログ（やWebサイト）をリニューアルする人が沢山いましたね！お正月くらいネットやパソコンから離れて、こたつでみかんを食べながらリア充満喫しましょうよ！＼(^o^)／ とか思っていたのだけど、我慢できず、、うちのブログも新年と同時にリニューアルしちゃいました！ 相変わらずのmovabletype仕様ですが、離脱率の防止や関連記事・サムネイル表示の追加など制作の参考になれば幸いです。 昨... 続きを読む

twitter APIとjQueryでtwitter widgetを作成する | Design Spice

2012/02/16 44 users Twitter jQuery Widget API リプライ

twitterのwidgetのデザインをカスタマイズしたいのと、 リプライを表示させたくないと言う理由から twitter APIとjQueryを使ってオリジナルのwidegetを 作成しました。 当ブログでは殆どデザインしてませんが、 公式のwidgetに近いデザインにする場合の制作方法を書きました。 サンプル ベースはA jQuery Twitter Ticker | Tutorialzine... 続きを読む

ライトセーバーで戦う子猫たち（動画） « WIRED.jp 世界最強の「テクノ」ジャーナリズム

2011/08/29 27 users YouTube ライトセーバー ジェダイ ジャーナリズム ほか

YouTubeに最近投稿された『ジェダイの子猫たち』を紹介しよう。撮影者たちが、手作りでどうやってこの動画を作ったかというクールなメイキング動画も掲載されている。 YouTubeに最近投稿された『ジェダイの子猫たち』を紹介しよう。撮影者たちが、手作りでどうやってこの動画を作ったかというクールなメイキング動画も掲載されている。 制作方法はたいへんシンプルだが、それでも効果的だ。ほかの人も、死にそうだ... 続きを読む

Facebookページの作成 第2回『Facebookページのスクロールバーを非表示にする方法』 / Facebook基礎 | HTML5でサイトをつくろう

2011/08/10 56 users スクロールバー Facebook基礎 iframe 前回 作成

Facebookページの作成 第2回『Facebookページのスクロールバーを非表示にする方法』 / Facebook基礎 Category : Facebook基礎 | 2011年08月10日 Facebookページのスクロールバー非表示 前回は『iframe』に対応したページの制作方法を紹介しましたが、制作したページのコンテンツサイズが幅520px、縦800pxを超えてしまった場合はスクロール... 続きを読む

Facebookページの作成 第1回『iframe対応ページ追加』 / Facebook基礎 | HTML5でサイトをつくろう

2011/08/09 122 users Facebook基礎 Facebookページ 作成 手順 方法

Facebookページ制作 今回から3回に分けて、当ブログのFacebookページを制作した手順をご紹介したいと思います。 第1回目は『iframe』に対応したページの制作方法を紹介します。 第2回目はFacebookページからスクロールバーを非表示にする方法を紹介します。 第3回目は『Static HTML Iframe Tab 』アプリを紹介します。 尚、今回の『iframe』に対応したページ... 続きを読む

Webデザインにおける、1pxへのこだわり « PARKN' PARK

2011/06/05 1091 users 日頃 質感 シュ 方々 PARKN

デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ～」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出... 続きを読む

[本]スマートフォン対応サイトの企画・制作はこの一冊から始める -iPhone+Android スマートフォンサイト制作入門 | コリス

2011/02/21 30 users コリス シンタックスハイライト 本書 制作 実例

スマートフォン対応サイトって具体的にどういうの？　という人から、既存のサイトをスマートフォン対応サイトにしたい！　制作環境はどうすればいいの？　という人にぴったりの一冊を紹介します。jQuery Mobileを使ったUI作成など、実践的な制作方法ももちろんカバーされてますよ。本書はオールカラーで、コードもシンタックスハイライトで色分けされて、とても見やすいです。内容的には数多くの実例をまじえ、iP... 続きを読む

ウェブデザインのエレメントを今風にデザインするPhotoshopのチュートリアル集 | コリス

2009/08/31 482 users コリス ウェブデザイン エレメント Photoshop

最近のウェブデザインでよく使用されているエレメントの制作方法を1ステップずつ分かりやすく解説しているPhotoshopのチュートリアルをCarsonifiedから紹介します。 Awesome Buttons ユーザーの [...] 続きを読む

スプレーを一切使わない、街にも環境に優しいグラフィティアート: DesignWorks

2007/07/26 134 users DesignWorks グラフィティアート スプレー 発想

グラフィティアートと聞くとスプレーで描かれた物を思い浮かべてしまいますが、今回紹介するグラフィティアーティストは全く逆の発想でグラフィティアートを描いています。描くのではなくて消すことでアートを表現しています。 これは排気ガス等の汚れで真っ黒になった壁の汚れを消す事で表現されたアートです。この制作方法の意図は環境汚染を訴えているかららしく街を汚さず逆に綺麗にしながら自分を主張するという新しい形のグ... 続きを読む